Wéi entwéckelen Websäit, Ecommerce, Oder Applikatioun Faarfschemaen

Entwéckelt Websäit, Ecommerce oder App Faarfschemaen

Mir hunn e puer Artikelen iwwer d'Wichtegkeet vun der Faarf mat Respekt fir eng Mark gedeelt. Fir eng Websäit, Ecommerce Site, oder eng Handy oder Web Applikatioun, et ass grad esou kritesch. Faarwen hunn en Impakt op:

  • Éischt Androck vun enger Mark an hire Wäert - zum Beispill, Luxus Wueren benotzen dacks schwaarz, rout implizéiert Opreegung gespuert, etc.
  • Kafen Décisiounen - d'Vertraue vun enger Mark kann duerch de Faarfkontrast bestëmmt ginn. Soft Faarfschemae kënne méi feminin a vertrauenswierdeg sinn, haart Kontraster kënne méi dréngend a Remise gefuer sinn.
  • Benotzerfrëndlechkeet a Benotzererfarung - Faarwen hunn eng psychesch a physiologeschen Impakt och, sou datt et méi einfach oder méi schwéier ass eng User-Interface ze navigéieren.

Wéi wichteg ass Faarf?

  • 85% vun de Leit behaapten datt d'Faarf e groussen Afloss huet op wat se kafen.
  • Faarwen erhéijen d'Mark Unerkennung duerch duerchschnëttlech 80%.
  • Faarfofdréck ass verantwortlech fir 60% vun der Akzeptanz oder Oflehnung vun engem Produkt.

Wann Dir e Faarfschema fir eng Websäit bestëmmt, ginn et e puer Schrëtt detailléiert an der begleedend Infographic:

  1. Primär Faarf - Wielt eng Faarf déi d'Energie vun Ärem Produkt oder Service passt.
  2. Aktioun Faarwen - Dëst fehlt an der Infografik hei drënner, awer d'Identifikatioun vun enger primärer Handlungsfaarf a sekundärer Handlungsfaarf ass extrem hëllefräich. Et educéiert Äert Publikum fir op spezifesch User-Interface Elementer op Basis vun der Faarf ze fokusséieren.
  3. Azousätzlech Faarwen - Wielt zousätzlech Faarwen déi ergänzen Är primär Faarf, idealerweis Faarwen déi Är primär Faarf maachen Pop.
  4. Hannergrond Faarwen - Wielt eng Faarf fir den Hannergrond vun Ärer Websäit - méiglecherweis manner aggressiv wéi Är primär Faarf. Halt och am donkelen a liichte Modus am Kapp.
  5. Schrëftfaarwen - Wielt eng Faarf fir den Text deen op Ärer Websäit wäert sinn - denkt drun datt eng zolidd schwaarz Schrëft rar ass an net recommandéiert ass.

Als Beispill, meng Firma Highbridge entwéckelt eng Online Mark fir e Kleedungshersteller deen en direkten-zu-Konsument Ecommerce Site wollt bauen wou d'Leit kënnen kafen kleet online. Mir hunn eis Zilpublikum verstanen, de Wäert vun der Mark, an - well d'Mark haaptsächlech digital war, awer och e physikalescht Produkt huet - hu mir eis op Faarfschemaen konzentréiert déi gutt iwwer Dréck (CMYK), Stoffpalette (Pantone) funktionnéieren, souwéi digital (RGB an Hex).

Testen e Faarfschema Mat Maartfuerschung

Eise Prozess fir eis Faarfschema Auswiel war intensiv.

  1. Mir hunn Marketingfuerschung iwwer eng Serie vu primäre Faarwen mat eisem Zilpublikum gemaach, déi eis op eng eenzeg Faarf reduzéiert hunn.
  2. Mir hunn Marketingfuerschung iwwer eng Serie vu sekundären an tertiäre Faarwen mat eisem Zilpublikum gemaach, wou mir e puer Faarfschemaen ofgeschaaft hunn.
  3. Mir hunn Produktmockups gemaach (Produktverpackung, Hals Tags, an hängend Tags) souwéi Ecommerce Mockups mat de Faarfschemaen an hunn déi dem Client souwéi dem Zilpublikum fir Feedback zur Verfügung gestallt.
  4. Well hir Mark gréisstendeels vun der Saisonalitéit ofhängeg war, hu mir och saisonal Faarwen an d'Mëschung agebaut. Dëst kann praktesch kommen fir spezifesch Sammlungen oder Visuals fir Annoncen a Social Media Shares.
  5. Mir sinn duerch dëse Prozess méi wéi eng hallef Dutzend Mol gaang ier mir op de finalen Schema néiergelooss hunn.

closet52 Faarf Schema

Iwwerdeems d'Mark Faarwen sinn hell rosa an donkel gro, mir entwéckelt der Aktioun Faarwen de Schiet vu gréng ze sinn. Gréng ass eng Aktiounsorientéiert Faarf, sou datt et eng grouss Auswiel war fir d'Aen vun eise Benotzer op actionorientéiert Elementer ze zéien. Mir hunn den Inverse vu Gréng fir eis sekundär Aktiounen agebaut (gréng Grenz mat wäissem Hannergrond an Text). Mir testen och e méi däischter Schatt vu gréng op der Aktiounsfaarf fir Hoveraktiounen.

Zënter datt mir de Site just lancéiert hunn, hu mir Maus-Tracking an Heatmaps agebaut fir d'Elementer ze beobachten op déi eis Besucher ugezunn sinn a mat am meeschte interagéieren fir sécherzestellen datt mir e Faarfschema hunn dat net nëmme gutt ausgesäit ... et funktionnéiert gutt.

Faarwen, Wäissraum, an Element Charakteristiken

D'Entwécklung vun engem Faarfschema sollt ëmmer erreecht ginn andeems se et an enger allgemenger User-Interface testen fir d'Interaktioun vun de Benotzer ze beobachten. Fir de Site uewendriwwer hu mir och ganz spezifesch Margen, Padding, Konturen, Grenzradiusen, Ikonographie a Schrëften agebaut.

Mir hunn e komplette Branding Guide fir d'Firma geliwwert fir intern fir all Marketing oder Produktmaterial ze verdeelen. Markekonsistenz ass kritesch fir dës Firma well se nei sinn an op dësem Punkt keng Bewosstsinn an der Industrie hunn.

Hei ass de resultéierende Ecommerce Site mat Faarfschema

  • Closet52 - Kaaft Kleeder Online
  • Closet52 Kollektiounen Säit
  • Closet52 Produit Säit

Besicht Closet52

Faarf Benotzerfrëndlechkeet a Faarf Blindheet

Vergiesst net d'Benotzerfrëndlechkeetstester fir Faarfkontrast iwwer Elementer vun Ärem Site. Dir kënnt Äre Schema testen mat der Websäit Accessibilitéit Test Tool. Mat eisem Faarfschema wësse mir datt mir e puer Kontrastprobleemer hunn, déi mir op der Strooss schaffen, oder mir hu vläicht souguer e puer Méiglechkeeten fir eis Benotzer. Interessanterweis sinn d'Chancen fir Faarfprobleemer mat eisem Zilpublikum zimlech niddereg.

Faarfblindheet ass d'Onméiglechkeet d'Ënnerscheeder tëscht e puer vun de Faarwen z'erkennen, déi net-faarweg behënnerte Benotzer kënnen z'ënnerscheeden. Faarfblindheet beaflosst iwwer fënnef bis aacht Prozent vu Männercher (ongeféier 10.5 Millioune) a manner wéi ee Prozent vun de Weibercher.

Usability.gov

D'Team op WebsiteBuilderExpert huet dës infografesch an detailléiert Begleedungsartikel iwwer Wéi wielen ech eng Faarf fir Är Websäit dat ass extrem grëndlech.

Wéi wielen ech e Faarfschema fir Är Websäit