Karamihan sa mga web designer ay sinanay sa parehong diyeta ng mga SaaS dashboard, ecommerce storefront, at mga lifestyle brand. Kaya kapag ang isang foundry, isang refractory supplier, o isang boiler manufacturer ay napunta sa pipeline, ang likas na ugali ay abutin ang parehong playbook: hero video, oversized typography, parallax scroll. Ang likas na ugali na iyon ay halos palaging mali.
Ang mga mamimiling pang-industriya ay hindi kumikilos na parang mga mamimili. Dumarating sila na may kasamang part number, deadline, at tolerance para sa friction na sinusukat sa ilang segundo. Kung hindi iyon pinapansin ng iyong disenyo, nakabuo ka ng isang magandang site na nabigo sa mga taong dapat sana'y pinaglilingkuran nito.
Narito kung paano pag-isipan ang tungkol sa disenyo at pag-develop para sa mga kliyenteng nasa malalaking industriya nang hindi nawawala ang iyong kasanayan.
Alamin kung sino talaga ang nasa kabilang dulo ng screen
Ang persona ng gumagamit para sa isang industrial site ay hindi isang kaswal na mamimili. Ito ay isang procurement manager, isang plant engineer, o isang maintenance lead na may partikular na problema. Madalas silang nasa isang desktop sa isang maingay na pasilidad, minsan ay nasa isang telepono habang nasa isang trak, at halos palaging nasa ilalim ng pressure sa oras.
Binabago nito ang hitsura ng "mabuting UX". Mas pinarurusahan ng mga B2B user ang alitan kaysa sa mga mamimili dahil ang kanilang oras ay maaaring singilin at ang kanilang mga desisyon ay na-audit. Simple lang ang dapat matutunan para sa mga industrial site: mas malinaw ang usapan kaysa sa kasiyahan, at mas tiyak ang usapan kaysa sa panghihikayat.
Isalin iyan sa maikling pahayag. Tanungin ang kliyente kung aling tatlong tanong ang itatanong ng mamimili bago sagutin ang telepono. Pagkatapos, siguraduhing ang mga sagot na iyon ay nasa itaas ng pahina sa mga mahahalagang pahina.
Ang arkitektura ng impormasyon ay ang tunay na gawaing disenyo
Tumingin sa isang mahusay na pagkakagawa ng site ng supplier – halimbawa, isang broker ng mga materyales Mga Serbisyong Diversified Ceramic, Inc. Mapapansin mo na ang nabigasyon ay nakaayos sa dalawang aspeto: ang mga materyales na kanilang pinagkukunan at ang mga industriyang kanilang pinaglilingkuran. Hindi iyon isang estilong pagpili. Sinasalamin nito kung paano naghahanap ang mamimili.
Walang pakialam ang isang tagagawa ng palayok na naghahanap ng kaolin sa kwento ng iyong tatak. Gusto nilang kumpirmahin kung ikaw ang nagtitinda nito, sa anong anyo, at kung nagsisilbi ka sa kanilang rehiyon. Ang arkitektura na sumasalamin sa mental na modelong iyon ay mas hihigit sa anumang biswal na palamuti na iyong ilalagay sa ibabaw.
Bago buksan ang Figma, iguhit muna ang taxonomy. Dalawang kolum sa isang whiteboard. Isa para sa kung ano ang ibinebenta ng kumpanya, isa para sa kung sino ang bibili nito. Ang bawat pahina sa build ay dapat maabot sa dalawang pag-click mula sa magkabilang panig.
Hindi opsyonal ang pagganap at pagiging naa-access para sa mga mamimiling pang-industriya
Hindi mabilis ang mga network ng planta. Hindi maaasahan ang mga koneksyon sa field. Kung ang iyong hero section ay gagawa ng 4MB na autoplay video, nawala mo na ang bumibili sa rural Tennessee na nasa isang hotspot.
Sariling Google Mga Pangunahing Web Vitals Itinutulak ng mga gabay ang mabilis na LCP at matatag na mga layout, at ang mga sukatang ito ay mas mahalaga, hindi mas kaunti, sa mga industriyal na lugar. Ganito rin sa accessibility: ang mga matatandang mamimili, mga kapaligirang mahina ang liwanag, at mga kamay na naka-guwantes habang nasa mga touchscreen ay mga totoong kondisyon.
- Bawasan ang bigat ng media. Mas mahusay ang mga static at na-optimize na larawan kaysa sa background video sa isang pahina ng pagkuha. I-save ang galaw para sa mga case study.
- Igalang ang pinababang galaw. Sundin ang query na "prefers-reduced-motion media." Magpapasalamat sa iyo ang mga plant engineer na nasa mahahabang shift.
- Pindutin ang WCAG AA nang hindi bababa saAng malakas na contrast, mga totoong focus state, at keyboard navigation ay hindi mga pangunahing aspeto ng accessibility. Ang mga ito ang mga pangunahing kaalaman.
- Pagsubok sa isang throttled na koneksyonKung hindi magagamit ang site sa mabagal na 3G sa Chrome DevTools, hindi ito magagamit sa kalahati ng bansa.
pograpiko at biswal na wika para sa isang seryosong madla
Ang industriyal ay hindi nangangahulugang pangit, at ang seryoso ay hindi nangangahulugang nakakabagot. Ngunit ang biswal na rehistro ay dapat magpahiwatig ng kakayahan, hindi paghabol sa uso. Ang mabibigat na display font na angkop para sa isang streetwear brand ay mababasa bilang hindi seryoso sa isang plant manager na nagsasabing "fire brick".
Gumamit ng mga humanist sans-serif o transitional serif na may malalakas na numeral. Makikita ang mga detalye, part number, at unit of measure kahit saan sa mga site na ito, kaya sulit ang oras na inilaan para sa mga tabular figure at malinaw na monospace pairing para sa mga data table.
Dapat ay epektibo ang kulay, hindi ang dekorasyon. Maglaan ng malakas na diin para sa mga CTA at mga callout na may kaugnayan sa kaligtasan. Ang lahat ng iba pa ay maaaring manatili sa isang mahigpit na paleta na hindi nakikipagkumpitensya sa imahe ng produkto.
Mga pattern ng nilalaman na nagko-convert sa mabibigat na industriya
Ang lead generation para sa mga industrial supplier ay bihirang mangyari sa pamamagitan ng isang magarbong form sa ibaba ng isang landing page. Nangyayari ito kapag nagtitiwala ang isang mamimili na naiintindihan mo ang kanilang proseso.
- Mga pahina ng materyal at produkto. Isama ang mga pormularyo, grado, karaniwang aplikasyon, at kung anong mga industriya ang gumagamit ng mga ito. Ang isang pahina tungkol sa castable refractory ay dapat magmukhang isang spec sheet, hindi isang brochure.
- Mga pahina ng industriyaSalaminin ang mundo ng customer. Ang isang pahina para sa mga pandayan ay dapat gumamit ng wika ng pandayan, hindi ng pangkalahatang kopya ng marketing.
- Kalinawan sa lugar na pinaglilingkuranKung ang kliyente ay nagpapadala sa sampung estado, ilista ang mga ito. Mabilis na nagdidiskuwalipika ang mga mamimili kapag hindi nila matukoy.
- Isang tunay na landas ng pakikipag-ugnayanMas mahusay ang isang numero ng telepono sa header kaysa sa kahit anong chatbot. Para sa ilang kliyente, mas naaangat ng isang desisyong iyon ang mga kwalipikadong katanungan kaysa sa anumang muling pagdisenyo.
Ang paglilipat na nagpapanatili sa site na kapaki-pakinabang
Bihirang magkaroon ng marketing team ang mga kliyenteng industriyal para mapanatili ang isang kumplikadong CMS.
Pumili ng stack na maaaring aktwal na i-update ng kliyenteAng isang lean na WordPress build na may mga custom block para sa mga detalye ng produkto ay mas tatagal kaysa sa isang bespoke headless setup na hindi kayang hawakan ninuman sa mga staff.
Idokumento ang mga patternMagtala ng maikling Loom tungkol sa pagdaragdag ng bagong materyal o pahina ng industriya. Anim na buwan mula ngayon, kapag nakakuha ang kliyente ng bagong vertical, dapat ay kaya na nilang mag-publish nang hindi ka tinatawagan.
Ang disenyo para sa mga kliyenteng pang-industriya ay nagbibigay-katwiran sa pagpipigilAlisin ang hindi nagsisilbi sa mamimili, hasain ang nagsisilbi, at ang trabaho ay magiging ilan sa mga pinakakasiya-siyang ipapadala mo sa buong taon.