De flesta webbdesigners är utbildade på samma diet av SaaS-dashboards, e-handelsbutiker och livsstilsvarumärken. Så när ett gjuteri, en leverantör av eldfasta produkter eller en panntillverkare dyker upp i pipelinen är instinkten att använda samma handbok: hero-video, överdimensionerad typografi, parallax-scroll. Den instinkten är nästan alltid fel.
Industriella köpare beter sig inte som konsumenter. De kommer med ett artikelnummer, en deadline och en friktionstolerans som mäts i sekunder. Om din design ignorerar det har du byggt en vacker webbplats som sviker de enda människor den var tänkt att betjäna.
Så här kan du tänka kring design- och utvecklingsarbete för kunder inom tung industri utan att tappa ditt hantverk.
Vet vem som faktiskt är i andra änden av skärmen
Användarpersonan för en industrianläggning är inte en vanlig kund. Det är en inköpschef, en fabriksingenjör eller en underhållsansvarig med ett specifikt problem. De sitter ofta vid en dator i en bullrig anläggning, ibland i telefonen i en lastbil och nästan alltid under tidspress.
Det förändrar hur "bra UX" ser ut. B2B-användare bestraffar friktion hårdare än konsumenter eftersom deras tid är fakturerbar och deras beslut granskas. Slutsatsen för industrianläggningar är enkel: tydlighet är bättre än glädje och specificitet är bättre än övertalning.
Översätt det till briefen. Fråga kunden vilka tre frågor en köpare ställer innan hen svarar. Se sedan till att dessa svar finns ovanför vikningen på de sidor som är viktiga.
Informationsarkitektur är det verkliga designarbetet
Titta på en välbyggd leverantörssajt – till exempel en materialmäklare Diversifierade keramiska tjänster, Inc. Du kommer att märka att navigeringen är organiserad kring två axlar: de material de anskaffar och de branscher de betjänar. Det är inte ett stilistiskt val. Det speglar hur köparen söker.
En keramiktillverkare som letar efter kaolin bryr sig inte om din varumärkeshistoria. De vill bekräfta att du säljer det, i vilken form och om du betjänar deras region. En arkitektur som återspeglar den mentala modellen kommer att överträffa alla visuella utsmyckningar du lägger ovanpå.
Innan du öppnar Figma, skissa taxonomin. Två kolumner på en whiteboard. En för vad företaget säljer, en för vem som köper det. Varje sida i bygget ska vara tillgänglig med två klick från vardera sidan.
Prestanda och tillgänglighet är inte valfritt för industriella köpare
Fabriksnätverk är inte snabba. Fältanslutningar är inte tillförlitliga. Om din hjältesektion visar en 4 MB lång video som spelas upp automatiskt har du redan förlorat köparen på landsbygden i Tennessee på en hotspot.
Googles eget Kärnwebben Vitals Riktlinjer förespråkar snabba LCP-lösningar och stabila layouter, och dessa mätvärden är viktigare, inte mindre, på industriområden. Detsamma gäller tillgänglighet: äldre köpare, miljöer med svagt ljus och handskar på pekskärmar är verkliga förutsättningar.
- Trimma mediets vikt. Statiska, optimerade bilder överträffar bakgrundsvideo på en upphandlingssida. Spara rörelse för fallstudierna.
- Respektera minskad rörelseFölj frågan om att föredra reducerad rörelse i media. Anläggningsingenjörer med långa skift kommer att tacka dig.
- Nå WCAG AA som minimumStark kontrast, verkliga fokuslägen och tangentbordsnavigering är inte tillgänglighetsteater. De är grunderna.
- Testa på en begränsad anslutningOm webbplatsen inte är användbar på långsam 3G i Chrome DevTools, är den inte användbar i hälften av landet.
fotografi och visuellt språk för en seriös publik
Industriellt betyder inte fult, och seriöst betyder inte tråkigt. Men det visuella registret bör signalera kompetens, inte trendjagande. Tunga displaytypsnitt som fungerar för ett streetwear-märke kommer att uppfattas som oseriösa för en fabrikschef som specificerar eldfast tegel.
Luta dig mot humanistiska sans-serifs eller övergångsserifs med starka siffror. Specifikationer, artikelnummer och måttenheter visas överallt på dessa webbplatser, så tabellformade figurer och en tydlig monospace-parning för datatabeller är värda tiden.
Färg ska fungera, inte dekorera. Reservera en stark accent för uppmaningar till handling och säkerhetsrelevanta utrop. Allt annat kan placeras i en begränsad palett som inte konkurrerar med produktbilder.
Innehållsmönster som konverterar inom tung industri
Leadgenerering för industriella leverantörer sker sällan via ett flashigt formulär längst ner på en landningssida. Det händer när en köpare litar på att du förstår deras process.
- Material- och produktsidorInkludera former, kvaliteter, typiska tillämpningar och vilka industrier som använder dem. En sida om gjutbart eldfast material bör läsas som ett specifikationsblad, inte en broschyr.
- BranschsidorSpegla kundens värld. En sida för foundries bör använda foundry-språk, inte generisk marknadsföringstext.
- Tydlighet i serviceområdeOm kunden skickar till tio stater, lista dem. Köpare diskvalificerar sig snabbt när de inte kan se.
- En riktig kontaktvägEtt telefonnummer i rubriken slår vilken chatbot som helst. För vissa kunder lyfter det enda beslutet kvalificerade förfrågningar mer än någon omdesign.
Överlämningen som gör webbplatsen användbar
Industriella kunder har sällan ett marknadsföringsteam som väntar på att underhålla ett komplext CMS.
Välj en stack som klienten faktiskt kan uppdateraEn smidig WordPress-byggnad med anpassade block för produktspecifikationer kommer att överleva en skräddarsydd headless-installation som ingen i personalen kan röra.
Dokumentera mönstrenSpela in en kort beskrivning av hur man lägger till en ny material- eller branschsida. Om sex månader, när kunden landar på en ny vertikal, borde de kunna publicera utan att ringa dig.
Design för industriella kunder belönar återhållsamhetRensa bort det som inte tjänar köparen, skärp till det som gör det, och arbetet blir ett av de mest tillfredsställande du skickar hela året.