Layout Ideas rau Koj Lub Vev Xaib Ntau Hom Lus: Txhim Kho Cov Neeg Siv Khoom

Tsim lossis tsim lub vev xaib tsis yooj yim li xaiv los ntawm ntau hom qauv uas koj xav txog qhov txias tshaj plaws. Txawm hais tias qhov zoo thiab kev xav ntawm lub vev xaib yog qhov tseem ceeb heev, lawv tsis yog tib yam uas koj yuav tsum xav txog ua ntej txiav txim siab.

Nws yog qhov tseeb: qhov kev vam meej ntawm koj lub vev xaib txuas nrog nws cov qauv, cov neeg siv xav li cas thaum lawv siv nws lossis tshawb xyuas. Qhov no yeej cuam tshuam rau koj cov neeg tuaj saib kom zoo dua los yog phem dua hauv lawv txoj kev xav ntawm koj lub xaib thiab seb lawv puas yuav txiav txim siab ua kev yuav khoom.

Tsis muaj lus thuam! Raws li tsab ntawv ceeb toom los ntawm Society of Digital Agencies (SoDA) , kev siv lub vev xaib tsis zoo yog cuam tshuam rau kev lag luam. Yog li muaj qhov layout zoo meej yog qhov tseem ceeb ntawm lub vev xaib thiab cov neeg siv kev paub tsim.

Tej zaum koj kuj tau pom tias lawv qhia qee qhov nta, vim li ntawd ib yam li txhua yam kev lag luam, tiam sis kuj coj lub ntiaj teb tsim los ntawm cua daj cua dub. Niaj hnub no tag nrho cov duab los ntshav thiab peb kab tsim yog tag nrho cov npau taws nrog designers.

Tab sis ntawm no yog qhov teeb meem, koj yuav tsum paub ua ntej tias ob txoj kev siv tau, lawv ob leeg muaj lawv qhov zoo thiab qhov tsis zoo. Yog li, koj xav tias koj yuav tsum ua li cas? Cov kev xaiv yog coj kom zoo dua ntawm cov kev paub ntawm cov ntsiab lus nyob rau hauv lub collective xav, los yog koj muaj peev xwm txiav txim siab sawv tawm thiab coj xim rau koj lub khw los ntawm kev ua tej yam wildly txawv! Nws tsis yog ib lo lus nug yooj yim los teb, thiab koj qhov kev xaiv yuav nyob ntawm koj lub hom phiaj cov neeg tuaj saib.

Cov yam ntxwv ntawm lub vev xaib zoo

Peb tuaj yeem hais tau yooj yim hais tias qhov muaj peev xwm ua tau zoo tuaj ntawm ntau hom thiab los ntawm ntau qhov chaw, muaj ntau yam ua haujlwm nrog, ntau txoj kev xaiv, ntau lub peev xwm. Koj qhov kev xaiv zoo tshaj plaws yuav nyob ntawm koj lub hom phiaj cov neeg tuaj saib thiab hom kev lag luam uas koj khiav. Cov kev xaiv no tsim thiab muaj kev cuam tshuam koj cov duab hom.

Raws li Adobe , ob feem peb ntawm cov neeg xav nyeem ib yam dab tsi zoo nkauj tsim dua li tej yam yooj yim thaum nias rau lub sijhawm; thiab 38% ntawm cov neeg yuav tawm hauv lub vev xaib yog tias nws tsis nyiam. Cov no zoo li cov lus dav dav uas tsis muaj ntau qhov tshwj xeeb. Tab sis UX thiab UI yeej ib txwm tau kawm los ntawm cov kws tshaj lij tsim qauv, yog li tsis txhob nrhiav lub ntsiab lus ntawm "zoo nkauj" raws li tus neeg tsis paub, peb yuav tsum nrhiav cov khoom uas peb tuaj yeem tig zoo nkauj, thiab txhais tau tias kev zoo nkauj txhais tau li cas hauv peb cov ntsiab lus.

Txij li tsis yog txhua lub lag luam zoo ib yam, cov txheej txheem rau lub vev xaib zoo yuav tsis sib xws, tab sis peb tuaj yeem tham txog txhua yam sib txawv uas suav nrog kev ua haujlwm ntawm kev tsim lub vev xaib thiab koj tuaj yeem xav txog lawv thaum tseem xav txog koj qhov chaw lag luam. thiab tej ntsiab cai.

1. Clutter-free : Muab qhov chaw nruab nrab ntawm koj cov ntsiab lus, sim ua kom pom qhov uas tus neeg siv txaus siab rau. Muaj qhov chaw tsis zoo substatntial yog li cov ntsiab lus yuav nyeem tau yooj yim dua.
2. Interface : Ua navigation yooj yim. Muaj txoj kev ncaj nraim ntawm ib ntu mus rau lwm qhov.
3. Visual hierarchy : Npaj cov duab kos raws li qhov tseem ceeb. Qhov tseem ceeb tshaj plaws tuaj yeem ua ntej lossis tuaj yeem nyob hauv qhov chaw feem ntau, pab koj cov neeg tuaj xyuas los ntawm kev coj lawv ob lub qhov muag los ntawm cov ntsiab lus sib txawv. Piv txwv li, tib neeg nyeem tej yam loj dua ua ntej .
4. Xim palette thiab cov duab xaiv : Hauv cov ntsiab lus, cov xim ci ntsa iab thiab yog li ua haujlwm zoo li kev hais lus, thiab ua ke nrog cov duab zoo koj tuaj yeem ua rau koj cov neeg tuaj saib xav tau ntev dua!
5. Txawb-phooj ywg : Raws li Lub Xya Hli 2019, lub neej ntawd rau txhua lub vev xaib tshiab yog mobile-thawj indexing thiab tseem txhawb nqa qib ntawm cov nplooj ntawv web-phooj ywg hauv kev tshawb nrhiav. Yog li xyuas kom meej tias qhov layout ntawm koj lub mobile version kuj ua haujlwm zoo.
6. Cov lus hloov khawm : Thaum qhov tseeb hais tias peb nyob hauv kev lag luam hla kev lag luam uas lub teb chaws koj nyob tsis txwv qhov koj tuaj yeem yuav los ntawm, tsis muaj ntau lub vev xaib tsis yog qhov kev xaiv yog tias koj tab tom nrhiav kom vam meej. .

Lub vev xaib ntau hom lus zoo li cas?

Xov xwm zoo heev! Koj tuaj yeem so, tsim lub vev xaib ntau hom lus tsis yog kev nyuaj siab, nws yooj yim li ntxiv khawm lus me me rau ib qho ntawm cov ces kaum ntawm koj lub vev xaib layout siv ConveyThis . Ua lag luam online thoob ntiaj teb tsis tau yooj yim dua.

Cia peb saib qee lub vev xaib layouts thiab txheeb xyuas qhov ua rau lawv txaus nyiam.

Crabtree & Evelyn

Cia peb pib nrog Crabtree & Evelyn, lub tuam txhab lub cev thiab cov tshuaj tsw qab uas tau pib hauv lub teb chaws Yelemees tab sis tau coj nws txoj kev lag luam thoob ntiaj teb nrog kev teeb tsa zoo thiab kev xaiv lus.

Txij li thaum muaj ntau yam khoom siv dav heev, lawv tau xaiv kom tsis txhob cuam tshuam lawv cov neeg tuaj saib los ntawm kev saib xyuas lawv cov txheej txheem thiab ua tib zoo txiav txim siab tsim, xws li sau lub vijtsam ntawm lawv lub homepage ua ntej nrog cov lus yooj yim, qhov no, txog lub caij so. , thiab thaum koj nqes los yog nyem rau ntawm "Kaw Tam Sim No" khawm, tus qhua raug coj mus rau cov khoom.

Nws yog ib tug tiag tiag sophisticated thiab huv si saib, qhua yuav twv yuav raug hu nyob ntev, captivated los ntawm cov kev. Hais txog cov ntawv qhia zaub mov, muaj ob txoj kev xaiv rau kev tshawb nrhiav, lub pob tshawb nrhiav qhov twg koj tuaj yeem ntaus lo lus tseem ceeb, yog tias koj tau nqaim qhov koj tab tom nrhiav; los yog nyem lub khw khawm, thiab tom qab ntawd xaiv qhov twg lossis qhov koj xav tshawb nrhiav, los ntawm qeb, los ntawm kev sau, lossis tshawb xyuas cov khoom plig.

Thiab tam sim no mus rau qhov amazing tshaj plaws puas tau, cov lus switcher. Koj tuaj yeem pom nws nyob hauv qab ntawm nplooj ntawv, thiab thaum koj nyem nws, nws qhia koj lub khw muag khoom tam sim no, nrog rau cov ntawv qhia zaub mov nrog lwm txoj hauv kev.

Thiab qhov no yog ib yam uas peb tau tham txog yav dhau los ntawm tsab xov xwm ntawm hom lus nyees khawm , nws zoo heev uas lawv muaj ob txoj kev xaiv, ib qho rau cheeb tsam thiab lwm yam lus, vim peb paub tias tsis yog txhua tus neeg tuaj saib hauv lawv cov lus lossis hauv lawv. lub teb chaws. Lub vev xaib no yog qhov piv txwv zoo tshaj plaws ntawm kev ua haujlwm zoo hauv cheeb tsam. Hu rau Pab Pawg ConveyThis txhawm rau paub ntau ntxiv txog yuav ua li cas koj tuaj yeem ua rau koj lub vev xaib tau txais tos ntau dua rau cov neeg siv thoob ntiaj teb!

Digital Mint

Ua ntej ntawm tag nrho cov, stunning ua hauj lwm. Kev txiav txim siab zoo thoob plaws qhov chaw, koj puas xav tias? Thiab zoo heev siv cov xim rau tsim qhov sib piv thiab tsom qhov chaw. Cia peb sau txhua yam zoo ntawm qhov chaw no: qhov chaw tsis zoo, cov ntawv sib txawv, cov duab kos duab, xim thiab xim.

Qhov kev npaj ntawm cov ntsiab lus sib txawv qhia tau tias koj yuav pib nyeem ntawv qhov twg thiab qhov chaw dawb muab sijhawm rau tus nyeem ntawv kom nres.

Ntawm no peb muaj ib qho piv txwv meej ntawm kev pom hierarchy:

Los ntawm qhov tsawg kawg yog qhov tseem ceeb tshaj plaws: cov koom tes ua lag luam hauv cov xim sib zog, "Ua kom nws tshwm sim" hauv cov ntawv me me, "cia peb tham" khawm nrog cov ntawv dub thiab cov ntawv dawb, "Evolutionary digital" hauv cov ntawv loj thiab bolded, thiab "kev lag luam" nyob rau hauv tib font li ua ntej tab sis tseem ceeb nrog ntsuab.

Tsis tas li ntawd, qhov tseem ceeb "Ua kom tshwm sim" thiab "Cia peb tham" kuj pab cov qhua hauv lawv qhov kev tshawb nrhiav.

Lub bar navigation yog qhov yooj yim thiab meej raws li Crabtree & Evelyn's, thiab kev tshaj tawm xov xwm ntawm txoj cai yog qhov kev xaiv zoo rau cov lag luam uas vam khom ntau ntawm kev tshaj xov xwm raws li lub cuab yeej.

Koj tuaj yeem pom lawv cov lus nyees khawm nyob rau hauv qab ntawm nplooj ntawv, lawv me me, tab sis tag nrho cov kev xaiv tau pom thiab lawv cov xim ci thiab txawv heev rau Digital Menta xim palette yog li lawv tuaj yeem pom tau yooj yim.

Yoga

Ntawm no peb muaj ib qho piv txwv ntxim nyiam ntawm cov vev xaib decluttered. Muaj ntau qhov chaw tsis zoo thiab cov duab cov duab yog animated, qhov no instills ib qho kev xav ntawm cov neeg tuaj saib! Casual browsers yuav twv yuav raug hu nyob thiab ua tib zoo saib ntawm tus so ntawm lub vev xaib thiab kawm ntxiv txog Yogang. Ci ntsa iab tsim.

Yogang yog qhov kev ua si lom zem rau cov menyuam yaus uas sib xyaw ua ke ntawm lub cev, so, sib koom thiab muaj tswv yim, thiab lawv qhov homepage qhia txog qhov ntawd. Cov animation ntawm cov cim sib txawv ua yoga poses tsis yog hais txog kev qhia tawm cov kev txawj ntse, nws yog ib qho kev xav ntawm tus ntsuj plig ntawm cov khoom.

Ib txhij ntxim hlub thiab hu rau kev ua kom Yogang ib feem ntawm koj cov menyuam thaum yau. Lawv thov kom cov neeg siv khoom xav tau nrog lub pob "Yuav khoom" thiab tseem pab cov neeg siv khoom muaj peev xwm kawm paub ntau ntxiv txog cov khoom ua ntej los ntawm kev coj lawv mus rau kev qhia.

Lawv cov ntawv qhia zaub mov ntev dua yog qhov ncaj ncees nyob rau hauv uas lawv muag B2B thiab B2C, yog li lawv muaj ntau hom neeg tuaj saib sib txawv thiab lawv txhua tus yuav tsum nrhiav qhov lawv tab tom nrhiav sai.

Lawv cov lus khawm yog khawm tsis muaj kev cuam tshuam nrog cov kev xaiv "EN" thiab "FR". Lawv muaj kev xaiv lus nqaim tab sis lawv qhia meej meej lawv cov kev lag luam loj tshaj plaws thiab tau tsom mus rau kev muab cov kev paub zoo tshaj plaws rau cov neeg siv.

Navy los yog Grey

Ntau cov kev cai artwork nyob rau hauv daim ntawv no, peb paub. Nws yog ib qho khoom siv ntau yam thiab cov vev xaib no siv lawv zoo heev los tsim kom pom thiab xav.

Navy thiab Grey yog qhov piv txwv kawg ntawm cov npe no, nws kuj muaj cov yam ntxwv uas peb tau qhuas ua ntej, koj puas tau txheeb xyuas lawv thiab? Nws ua rau muaj kev paub zoo heev, nws ntxim nyiam. Nws ua rau kuv zoo siab, pom txhua qhov chaw tsis zoo, Kuv tsis dhau los ntawm lub tswv yim ntawm kev tshawb xyuas lub vev xaib no thiab cov ntawv qhia meej meej qhia kuv tias kuv yuav pom qhov kuv tab tom nrhiav yam tsis muaj kev tawm tsam.

Kuv txaus siab rau qhov lawv tau cais "Shirts" thiab "Suits" hauv cov ntawv qhia zaub mov, nws yog qhov kev txiav txim siab tsim nyog rau kev lag luam tailoring, ntau lwm lub khw yuav tau tsim subpages rau cov khoom no, thiab qhov ntawd kuj yog qhov kev txiav txim siab tsim nyog, tab sis rau Navy lossis Grey, nws pab txhawb rau qhov polished saib.

Lub vev xaib no tshwj xeeb, tau muab lawv cov lus khawm nyob rau sab xis saum toj, thiab cov ntawv uas lawv tau xaiv yog tib yam li lwm lub vev xaib. Thiab hauv qab sab laug, lawv tau ntxiv lub pob Whatsapp rau kev sib cuag sai.

Tsim lub vev xaib zoo rau koj cov neeg tuaj saib

Cov vev xaib uas tau teev tseg yog qhov zoo vim tias lawv ua raws li cov ntsiab lus dav dav ntawm kev tsim qauv zoo, tab sis kuj, vim tias txhua qhov kev txiav txim siab tuaj yeem raug txiav txim siab, cov laj thawj tuaj yeem yog thaj chaw lag luam uas lawv nyob hauv, tab sis nws kuj tuaj yeem yog cov neeg tuaj saib lub hom phiaj. Yog li nco ntsoov nco ntsoov nco ntsoov koj lub lag luam 'tus kheej, lub hom phiaj thiab cov neeg tuaj saib thaum txiav txim siab.

Qhov tseem ceeb yog xav txog yuav ua li cas kom yooj yim rau kev tshawb nrhiav thiab yuav ua li cas coj koj tus qhua mus rau qhov lawv tab tom nrhiav nrog tsawg kawg ntawm cov clicks.

Hauv cov ntsiab lus, muab koj cov neeg tuaj saib hu rau kev nqis tes ua sai li sai tau thaum lawv nkag mus rau lub vev xaib, thiab siv qhov chaw tsis zoo los tsim qhov sib piv thiab qhia txog yam tseem ceeb, xws li koj cov lus; thiab kawg tab sis tsis tsawg kawg, muaj cov ntawv qhia zaub mov yooj yim thiab khawm lus.

Koj zoo li npaj muag thoob ntiaj teb, thiab tej zaum tuaj nrog ntau lub tswv yim zoo thaum nyeem tsab xov xwm no. Kawm paub ntxiv txog ConveyThis thiab txhawb koj qhov muag online!