\n Projektowanie stron internetowych to jedno. Wstrzykni\u0119cie mu osobowo\u015bci klienta i zidentyfikowanie cech to co\u015b zupe\u0142nie innego.\n<\/p>\n
\n Pomy\u015bl o tym. Je\u015bli nie po\u015bwi\u0119casz czasu na zaprojektowanie dla klienta witryny internetowej, kt\u00f3ra m\u00f3wi o jego osobowo\u015bci jako osobie, firmie lub organizacji, w jaki spos\u00f3b witryna mo\u017ce by\u0107 skuteczna?\n<\/p>\n
\n W Internecie jest du\u017co szumu i KA\u017bDY mo\u017ce mie\u0107 stron\u0119 internetow\u0105. Ale to, \u017ce osoba lub firma ma stron\u0119 internetow\u0105, nie oznacza, \u017ce \u200b\u200bodwiedzaj\u0105cy powinni ustawia\u0107 si\u0119 w kolejce. Witryna, kt\u00f3ra generuje du\u017cy ruch, musi by\u0107 nie tylko dobrze zaprojektowana, ale musi r\u00f3wnie\u017c \u0142\u0105czy\u0107 si\u0119 z docelowymi odbiorcami. Ponadto musi odzwierciedla\u0107 wizerunek biznesowy Twojego klienta i w\u0142a\u015bnie tutaj naprawd\u0119 dobry projekt strony internetowej mo\u017ce pom\u00f3c Twojemu klientowi wyr\u00f3\u017cni\u0107 si\u0119 na tle konkurencji.\n<\/p>\n
\n W tym po\u015bcie om\u00f3wi\u0119 obszary, w kt\u00f3rych mo\u017cesz doda\u0107 osobowo\u015b\u0107 swojego klienta do jego strony internetowej. Projektowanie witryny internetowej w oparciu o osobowo\u015b\u0107 lub wizerunek firmy klienta sprawia, \u017ce \u200b\u200bjest ona o wiele \u0142atwiejsza do odniesienia i niezapomniana dla u\u017cytkownika ko\u0144cowego, a tak\u017ce daje pewno\u015b\u0107, \u017ce odpowiedni ruch si\u0119 utrzymuje i ma co\u015b, na czym mo\u017cna si\u0119 zatrzyma\u0107.\n<\/p>\n
\n Projektowanie strony internetowej, kt\u00f3ra odzwierciedla osobowo\u015b\u0107 klienta, wymaga najpierw zadawania pyta\u0144, a nast\u0119pnie projektowania. Dobre pytania powiedz\u0105 Ci, co musisz wiedzie\u0107, aby zaprojektowa\u0107 idealn\u0105 witryn\u0119, kt\u00f3ra spodoba si\u0119 klientom Twojego klienta.\n<\/p>\n
\n Oto kilka przyk\u0142ad\u00f3w pyta\u0144, kt\u00f3re chcesz zada\u0107 swojemu klientowi:\n<\/p>\n
\n Odpowiedzi na te pytania pos\u0142u\u017c\u0105 jako podstawa do zaprojektowania ca\u0142ej witryny. Jasne, strona internetowa to kolory, czcionki, obrazy i uk\u0142ady, ale chodzi r\u00f3wnie\u017c o ulepszenie lub stworzenie to\u017csamo\u015bci marki. W rzeczywisto\u015bci wszystko musi si\u0119 dobrze po\u0142\u0105czy\u0107, aby stworzy\u0107 t\u0119 to\u017csamo\u015b\u0107, a czasami wystarczy odpowiednia czcionka lub niew\u0142a\u015bciwy obraz, aby witryna by\u0142a idealna lub zrujnowa\u0142a ca\u0142y wizerunek, kt\u00f3ry pr\u00f3bujesz stworzy\u0107.\n<\/p>\n
\n Ludzie musz\u0105 czu\u0107 si\u0119 zwi\u0105zani z witryn\u0105. Osi\u0105ga si\u0119 to dzi\u0119ki jasnej komunikacji, kt\u00f3ra tworzy ludzkie powi\u0105zania. Kiedy tak si\u0119 dzieje, strona internetowa nie jest odwiedzana tylko raz; jest wielokrotnie odwiedzana, a firma faktycznie staje si\u0119 cz\u0119\u015bci\u0105 \u017cycia tego go\u015bcia \u2013 tak\u0105, kt\u00f3r\u0105 chc\u0105 dzieli\u0107 si\u0119 ze swoimi przyjaci\u00f3\u0142mi.\n<\/p>\n
\n Kiedy zrozumiesz serce i dusz\u0119 swojego klienta, faktycznie musisz zaprojektowa\u0107 stron\u0119 internetow\u0105. Nadszed\u0142 czas, aby wzi\u0105\u0107 to, czego nauczy\u0142e\u015b si\u0119 o swoim kliencie i nada\u0107 mu identyfikacj\u0119 wizualn\u0105. Projekt strony internetowej musi nie tylko nawi\u0105zywa\u0107 kontakt z odbiorcami, ale tak\u017ce przyci\u0105ga\u0107 wzrok.\n<\/p>\n
\n Oznacza to, \u017ce musisz wymy\u015bli\u0107 kilka podstawowych motyw\u00f3w, kt\u00f3re Twoim zdaniem b\u0119d\u0105 dobrze pasowa\u0107 do wizerunku firmy i osobowo\u015bci klienta, a nast\u0119pnie wybra\u0107 jeden z nich. Czasami Tw\u00f3j pierwszy motyw b\u0119dzie zadowalaj\u0105cy, ale nie doskona\u0142y, wi\u0119c upewnij si\u0119, \u017ce naszkicowa\u0142e\u015b podstawy kilku r\u00f3\u017cnych motyw\u00f3w, aby okre\u015bli\u0107, kt\u00f3ry dzia\u0142a najlepiej.\n<\/p>\n
\n Na przyk\u0142ad mo\u017cesz mie\u0107 klienta z bran\u017cy technologicznej i chocia\u017c Twoim pierwszym pomys\u0142em mo\u017ce by\u0107 zbudowanie zaawansowanej technologicznie strony internetowej, kt\u00f3ra wykorzystuje wszystkie najlepsze elementy postmodernistycznego projektu, projekt retro mo\u017ce dzia\u0142a\u0107 jeszcze lepiej ze wzgl\u0119du na kontrast mi\u0119dzy co oferuje klient i co faktycznie pokazuje jego strona. Nacisk na to, aby nie projektowa\u0107 zaawansowanej technologicznie strony internetowej, w rzeczywisto\u015bci podkre\u015bli fakt, \u017ce r\u00f3\u017cni\u0105 si\u0119 one od innych firm technologicznych.\n<\/p>\n
\n Istotnym elementem projektu strony internetowej jest uk\u0142ad. Spos\u00f3b umieszczenia element\u00f3w witryny zadecyduje o jej og\u00f3lnym sukcesie. Pami\u0119taj, \u017ce starasz si\u0119 jasno przekaza\u0107 osobowo\u015b\u0107 i to\u017csamo\u015b\u0107 swojego klienta. Nie chcesz tego zagmatwa\u0107 za pomoc\u0105 myl\u0105cego uk\u0142adu.\n<\/p>\n
\n Uk\u0142ad strony internetowej powinien by\u0107 atrakcyjny dla oka, ale niezbyt skomplikowany. Nawigacja powinna by\u0107 prosta i \u0142atwa do zrozumienia. Odbiorcy Twojej witryny b\u0119d\u0105 chcieli intuicyjnie wiedzie\u0107, jak si\u0119 po niej porusza\u0107. Nie zniech\u0119caj ich, czyni\u0105c projekt trudnym.\n<\/p>\n
\n Podstawowa zasada jest tutaj taka, \u017ce \u200b\u200bmniej znaczy wi\u0119cej. Chcesz mie\u0107 pewno\u015b\u0107, \u017ce maj\u0105 dost\u0119p do wszystkich cz\u0119\u015bci witryny, kt\u00f3rych mog\u0105 potrzebowa\u0107 z ka\u017cdej strony, ale nie chcesz mie\u0107 wielu link\u00f3w lub przycisk\u00f3w za\u015bmiecaj\u0105cych zawarto\u015b\u0107. Uk\u0142adaj przyciski z modu\u0142ami rozszerze\u0144, kiedy tylko mo\u017cesz, i do\u0142\u0105czaj tylko to, co jest niezb\u0119dne.\n<\/p>\n
\n Kolor to element projektu, kt\u00f3ry mo\u017ce odr\u00f3\u017cni\u0107 profesjonalny projekt strony internetowej od bardziej amatorskich wysi\u0142k\u00f3w. Nie chcesz przesadza\u0107 z kolorem w swoim projekcie internetowym.\n<\/p>\n
\n Jedn\u0105 z opcji jest wybranie jednego koloru, kt\u00f3ry podkre\u015bla i uwydatnia elementy witryny, a nast\u0119pnie trzymanie si\u0119 szaro\u015bci i bieli w pozosta\u0142ej cz\u0119\u015bci projektu. Dzi\u0119ki temu kluczowe elementy wyskakuj\u0105.\n<\/p>\n
\n Projekt w trzech kolorach to kolejna dobra opcja, w kt\u00f3rej jeden kolor jest g\u0142\u00f3wnym celem, a pozosta\u0142e dwa kolory podkre\u015blaj\u0105 r\u00f3\u017cne obszary witryny; takie jak nag\u0142\u00f3wki i podnag\u0142\u00f3wki. Niezale\u017cnie od schematu kolor\u00f3w, kolory musz\u0105 odzwierciedla\u0107 osobowo\u015b\u0107 i to\u017csamo\u015b\u0107 klienta.\n<\/p>\n
\n Wa\u017cne jest, aby zastanowi\u0107 si\u0119, jakie znaczenie maj\u0105 kolory, aby upewni\u0107 si\u0119, \u017ce s\u0105 zgodne z wizerunkiem klienta i og\u00f3lnym przes\u0142aniem. Na przyk\u0142ad kolory takie jak czerwony, \u017c\u00f3\u0142ty i pomara\u0144czowy symbolizuj\u0105 moc, podniecenie i ciep\u0142o; podczas gdy b\u0142\u0119kity, fiolety i fiolety zwykle symbolizuj\u0105 spok\u00f3j, pogod\u0119 ducha i spok\u00f3j. Kolory mog\u0105 uwydatnia\u0107 lub os\u0142abia\u0107 Tw\u00f3j projekt i og\u00f3lne przes\u0142anie, dlatego wa\u017cne jest, aby wybiera\u0107 m\u0105drze.\n<\/p>\n
\n Bardzo wa\u017cne jest r\u00f3wnie\u017c, aby zrozumie\u0107, jakie kolory pasuj\u0105 do siebie, a kt\u00f3re koliduj\u0105. Wi\u0119kszo\u015b\u0107 projektant\u00f3w ma oko na to, kt\u00f3re kolory pasuj\u0105 do siebie, ale prawdopodobnie nie znasz ka\u017cdego koloru, kt\u00f3ry dobrze wsp\u00f3\u0142gra z g\u0142\u00f3wnymi kolorami, kt\u00f3re ju\u017c wybra\u0142e\u015b. Wi\u0119kszo\u015b\u0107 projektant\u00f3w ma kilka podstawowych pomys\u0142\u00f3w na kolory uzupe\u0142niaj\u0105ce, ale wa\u017cne jest, aby u\u017cy\u0107 ko\u0142a kolor\u00f3w lub innego narz\u0119dzia, aby okre\u015bli\u0107, czy istnieje kolor, o kt\u00f3rym nie wiesz, \u017ce najlepiej pasuje.\n<\/p>\n
\n Powiniene\u015b tak\u017ce wiedzie\u0107 o kilku darmowych narz\u0119dziach, kt\u00f3re bardzo ci pomog\u0105, je\u015bli chodzi o projektowanie stron internetowych, a tak\u017ce wszelkie inne projekty graficzne, kt\u00f3re wykonujesz. Jednym z przyk\u0142ad\u00f3w jest Pixie, bezp\u0142atne narz\u0119dzie, kt\u00f3re poda dok\u0142adne identyfikatory kolor\u00f3w szesnastkowych lub RGB, kt\u00f3re pozwol\u0105 Ci dopasowa\u0107 kolor lub przynajmniej wiedzie\u0107, jaki kolor faktycznie wybra\u0142e\u015b dla okre\u015blonego elementu witryny.\n<\/p>\n
\n Nie lekcewa\u017c typografii, kt\u00f3r\u0105 wybra\u0142e\u015b do przedstawienia wiadomo\u015bci klienta. Chcesz, aby czcionka by\u0142a wyj\u0105tkowa, ale nie niemo\u017cliwa do odczytania. Dobr\u0105 zasad\u0105, kt\u00f3rej nale\u017cy przestrzega\u0107 przy wyborze czcionek do projektowania stron internetowych, jest wybranie prostszej czcionki do kopii na stronach internetowych. Zachowaj bardziej skomplikowane czcionki dla nag\u0142\u00f3wk\u00f3w i wi\u0119kszych wezwa\u0144 do dzia\u0142ania. Tw\u00f3j klient chce przekaza\u0107 swoj\u0105 wiadomo\u015b\u0107. Upewnij si\u0119, \u017ce odbiorcy mog\u0105 \u0142atwo i wyra\u017anie przeczyta\u0107 t\u0119 wiadomo\u015b\u0107.\n<\/p>\n
\n Kolejn\u0105 wa\u017cn\u0105 kwesti\u0105 jest sp\u00f3jno\u015b\u0107 z wybranymi krojami pisma. Nie chcesz witryny zawieraj\u0105cej zbyt wiele czcionek. To mo\u017ce wydawa\u0107 si\u0119 zdezorganizowane i nieprofesjonalne dla odbiorc\u00f3w.\n<\/p>\n
\n Innym b\u0142\u0119dem, kt\u00f3ry czasami mog\u0105 pope\u0142ni\u0107 projektanci, jest dalsze u\u017cywanie tych samych czcionek, kt\u00f3re zainstalowali na swoim komputerze. Jest to \u0142atwy b\u0142\u0105d, poniewa\u017c mo\u017cesz mie\u0107 setki czcionek i my\u015blisz, \u017ce na pewno jest co\u015b, co b\u0119dzie idealnie pasowa\u0107 do projektu strony, nad kt\u00f3rym pracujesz.\n<\/p>\n
\n Prawda jest taka, \u017ce \u200b\u200bmasz troch\u0119 racji. W Twojej kolekcji jest bardzo podobna czcionka, kt\u00f3ra b\u0119dzie dobrze wsp\u00f3\u0142pracowa\u0107 z tworzonym projektem, ale nadal powiniene\u015b sprawdzi\u0107 w Internecie inne czcionki, kt\u00f3re mo\u017cesz wypr\u00f3bowa\u0107, aby upewni\u0107 si\u0119, \u017ce wybra\u0142e\u015b absolutnie najlepsz\u0105 czcionk\u0119 dla swojego projekt. Nie ma powodu, aby nie po\u015bwi\u0119ci\u0107 czasu na znalezienie czego\u015b, bez czego nie mo\u017cesz \u017cy\u0107, zamiast po prostu u\u017cywa\u0107 czcionki, z kt\u00f3r\u0105 mo\u017cesz \u017cy\u0107.\n<\/p>\n
\n Obrazy, takie jak ilustracje i fotografie, mog\u0105 naprawd\u0119 pom\u00f3c odbiorcom witryny pozna\u0107 osobowo\u015b\u0107 klienta. Obrazy mog\u0105 na przyk\u0142ad pom\u00f3c w uchwyceniu cichych chwil lub przedstawieniu kluczowych ofert produkt\u00f3w. Podobnie jak w przypadku innych aspekt\u00f3w projektowania stron internetowych, kluczem jest sp\u00f3jno\u015b\u0107. Obrazy na stronie internetowej powinny by\u0107 wybierane pod k\u0105tem podobie\u0144stwa w widocznych elementach. Dzi\u0119ki temu mo\u017cesz jako projektant opowiedzie\u0107 jedn\u0105 narracj\u0119: osobowo\u015b\u0107 i mark\u0119 klienta.\n<\/p>\n
\n Je\u015bli zajmujesz si\u0119 konkretnie fotografi\u0105, wa\u017cne jest, aby wybra\u0107 zdj\u0119cia, kt\u00f3re odzwierciedlaj\u0105 og\u00f3lny wizerunek klienta. Je\u015bli prezentujesz uj\u0119cia w g\u0142ow\u0119 i\/lub zdj\u0119cia zespo\u0142u, nie chcesz, aby wygl\u0105da\u0142y sztywno. Profesjonalny fotograf mo\u017ce bardzo pom\u00f3c w uchwyceniu prawdziwej istoty klienta.\n<\/p>\n
\n Je\u015bli nie masz dost\u0119pu do profesjonalnego fotografa, musisz mie\u0107 dost\u0119p do co najmniej jednej z du\u017cych witryn z fotografiami stockowymi, a najlepiej cz\u0142onkostwo w kilku z nich. Ponadto wa\u017cne jest, aby wypr\u00f3bowa\u0107 obrazy, zanim faktycznie zdecydujesz si\u0119 na jeden. Wykorzystanie punkt\u00f3w kredytowych na niew\u0142a\u015bciwy obraz jest jedn\u0105 z najbardziej frustruj\u0105cych rzeczy, kt\u00f3re mog\u0105 przytrafi\u0107 si\u0119 projektantowi.\n<\/p>\n
\n Jedn\u0105 z najlepszych sztuczek do wykorzystania, je\u015bli uzupe\u0142niasz swoj\u0105 platform\u0119 do projektowania stron internetowych za pomoc\u0105 programu Photoshop, jest pobranie obrazu ze znakiem wodnym ze swojej witryny ze zdj\u0119ciami stockowymi, a nast\u0119pnie u\u017cycie narz\u0119dzia \u201eSwobodna transformacja”, aby uzyska\u0107 odpowiedni rozmiar bez pikselizacji. W ten spos\u00f3b mo\u017cesz dok\u0142adnie zobaczy\u0107, jak b\u0119dzie wygl\u0105da\u0107 Twoje zdj\u0119cie po dodaniu go do uk\u0142adu.\n<\/p>\n
\n Czasami musisz pozwoli\u0107 swojemu klientowi m\u00f3wi\u0107 za siebie. Dodanie profesjonalnie wyprodukowanych film\u00f3w do projektu strony internetowej to \u015bwietny spos\u00f3b na zab\u0142y\u015bni\u0119cie prawdziwej osobowo\u015bci klienta. Mog\u0105 opowiedzie\u0107 swoj\u0105 histori\u0119 w\u0142asnymi s\u0142owami i nawi\u0105za\u0107 kontakt z publiczno\u015bci\u0105 w bardzo osobisty spos\u00f3b.\n<\/p>\n
\n Istnieje wiele sposob\u00f3w, dzi\u0119ki kt\u00f3rym filmy mog\u0105 b\u0142yszcze\u0107. Dodanie profesjonalnego lektora (kt\u00f3rego mo\u017cna mie\u0107 za kilka dolar\u00f3w w serwisach takich jak Fiverr) zrobi ogromn\u0105 r\u00f3\u017cnic\u0119, a nast\u0119pnie istniej\u0105 r\u00f3\u017cne techniki, kt\u00f3rych mo\u017cesz u\u017cy\u0107, je\u015bli nie jeste\u015b w stanie nakr\u0119ci\u0107 filmu z profesjonalnymi aktorami, garderob\u0119 i zestawy takie, jakie sobie wymarzysz.\n<\/p>\n
\n Stockowe wideo znacznie si\u0119 rozwin\u0119\u0142o, poniewa\u017c zapotrzebowanie na wideo wzros\u0142o, wi\u0119c mo\u017cesz znale\u017a\u0107 biznesowe stockowe wideo z niemal ka\u017cd\u0105 scen\u0105, jak\u0105 mo\u017cesz sobie wyobrazi\u0107. Jednak nawet je\u015bli nie mo\u017cesz, nadal istniej\u0105 opcje, takie jak animacja tablicowa, kt\u00f3ra mo\u017ce opowiedzie\u0107 histori\u0119 nawet bez wideo na \u017cywo.\n<\/p>\n
\n To tylko niewielka pr\u00f3bka niekt\u00f3rych sposob\u00f3w, dzi\u0119ki kt\u00f3rym mo\u017cesz pom\u00f3c wprowadzi\u0107 osobowo\u015b\u0107 klienta do witryny, kt\u00f3r\u0105 dla niego zaprojektujesz. Ka\u017cda \u015bwietna witryna zaczyna si\u0119 od prostej narracji. Je\u015bli nie znasz istoty przekazu klienta, nigdy nie b\u0119dziesz w stanie zaprojektowa\u0107 witryny, kt\u00f3ra przyci\u0105gnie po\u017c\u0105danych przez niego odbiorc\u00f3w.\n<\/p>\n
\n Rozpocznij od jasnego zrozumienia, kim jest Tw\u00f3j klient, za czym si\u0119 opowiada i jakie przes\u0142anie chce przekaza\u0107. Stamt\u0105d b\u0119dziesz m\u00f3g\u0142 stworzy\u0107 uk\u0142ad i wybra\u0107 elementy projektu, kt\u00f3re odzwierciedlaj\u0105 osobowo\u015b\u0107 Twojego klienta i zapewniaj\u0105 niezapomniane wra\u017cenia u\u017cytkownika.\n<\/p>\n
\n Skorzystaj z ka\u017cdego narz\u0119dzia, kt\u00f3re masz do dyspozycji i upewnij si\u0119, \u017ce Twoja strona internetowa jest tak dobra, jak to tylko mo\u017cliwe, zanim udost\u0119pnisz j\u0105 swoim klientom. Istnieje zasadnicza r\u00f3\u017cnica mi\u0119dzy stron\u0105 internetow\u0105, kt\u00f3r\u0105 klient akceptuje, a tak\u0105, kt\u00f3r\u0105 absolutnie kocha i uwa\u017ca, \u017ce \u200b\u200bjest idealna dla ich osobistej lub biznesowej strony internetowej. Twoja reputacja b\u0119dzie ros\u0142a znacznie szybciej, je\u015bli za ka\u017cdym razem b\u0119dziesz dostarcza\u0107 doskona\u0142y produkt.\n<\/p>\n<\/p>\n