{"id":3263,"date":"2016-11-29T09:48:19","date_gmt":"2016-11-29T09:48:19","guid":{"rendered":"https:\/\/www.templatemonster.com\/pl\/blog\/?p=3263"},"modified":"2016-12-27T11:45:51","modified_gmt":"2016-12-27T11:45:51","slug":"edukacja-i-ksiazki-templatka-dla-szkoly-jezykowej-dla-dzieci-i-mlodziezy","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/pl\/edukacja-i-ksiazki-templatka-dla-szkoly-jezykowej-dla-dzieci-i-mlodziezy\/","title":{"rendered":"Edukacja i ksi\u0105\u017cki: templatka dla szko\u0142y j\u0119zykowej dla dzieci i m\u0142odzie\u017cy"},"content":{"rendered":"

Witam w drugim artykule cyklu dla webmaster\u00f3w pt.\"UX-owe podej\u015bcie do doboru templatki<\/a>\", dzi\u0119ki kt\u00f3remu b\u0119dziecie mogli nauczy\u0107 si\u0119 jak sprawnie przepracowa\u0107 faz\u0119 koncepcyjn\u0105 z Klientem i wdro\u017cy\u0107 templatk\u0119 do dowolnego CMS-a. Metodologia tutaj zaprezentowana czerpie gar\u015bciami z tzw. \"podej\u015bcia UX-owego\" (ja tak to nazywam), w kt\u00f3rym centraln\u0105 cz\u0119\u015bci\u0105 jest U\u017cytkownik (tzw. User-Centered Design), a wybory, kt\u00f3rych dokonujemy jako Wdro\u017ceniowiec, zorientowane s\u0105 na podniesienie efektywno\u015bci dzia\u0142a\u0144 tego U\u017cytkownika w drodze do osi\u0105gni\u0119cia sukcesu.<\/p>\n

Kolejny nasz Klient: szko\u0142a j\u0119zykowa dla dzieci i m\u0142odzie\u017cy<\/h4>\n

W tym artykule opisz\u0119 przypadek stworzenia nowej strony internetowej dla szko\u0142y j\u0119zykowej dla dzieci, mieszcz\u0105cej si\u0119 w \u015bredniej wielko\u015bci mie\u015bcie, tzw. \"by\u0142ej stolicy wojew\u00f3dztwa\". HappySQL to niedu\u017ca szko\u0142a j\u0119zykowa zorientowana przede wszystkim na nastolatk\u00f3w (w ofercie brak zaj\u0119\u0107 dla pe\u0142noletnich odbiorc\u00f3w), cho\u0107 w\u0142a\u015bcicielka bardzo powa\u017cnie zastanawia si\u0119 nad wprowadzeniem zaj\u0119\u0107 dla najm\u0142odszych (w wieku 3-6 lat). Szko\u0142\u0119 cechuje nowoczesno\u015b\u0107 metod (du\u017ce wykorzystanie multimedi\u00f3w, internetu i urz\u0105dze\u0144 mobilnych) i ukierunkowanie na m\u0142odszego odbiorc\u0119. Aktualnie szko\u0142a nie posiada strony internetowej, a ca\u0142o\u015b\u0107 komunikacji odbywa si\u0119 za pomoc\u0105 Facebook-a. W\u0142a\u015bcicielka chcia\u0142aby w przysz\u0142o\u015bci zaoferowa\u0107 funkcjonalno\u015bci dla swoich uczni\u00f3w (obecnych i potencjalnych), docelowo np. o mo\u017cliwo\u015b\u0107 logowania do strefy ucznia, czy te\u017c strefy rodzica.<\/p>\n

\"Stare<\/p>\n

HappySQL to szeroka oferta kurs\u00f3w j\u0119zykowych na r\u00f3\u017cnych poziomach, dla dzieci r\u00f3\u017cnego wieku, r\u00f3wnie\u017c przygotowuj\u0105cych si\u0119 do certyfikat\u00f3w j\u0119zykowych. W Szkole aktualnie nauczane s\u0105 nast\u0119puj\u0105ce j\u0119zyki: angielski, niemiecki, hiszpa\u0144ski, francuski, fi\u0144ski i norweski. W\u0142a\u015bcicielka szko\u0142y chcia\u0142aby skorzysta\u0107 z elastycznego rozwi\u0105zania CMS, kt\u00f3re pozwoli w przysz\u0142o\u015bci na rozbudow\u0119 funkcjonalno\u015bci dost\u0119pnych po zalogowaniu.<\/p>\n

Aktualnie Szko\u0142a prowadzi komunikacj\u0119 marketingow\u0105 za pomoc\u0105 profilu w serwisie Facebook. G\u0142\u00f3wnym odbiorc\u0105 produkt\u00f3w i us\u0142ug firmy s\u0105 dzieci i m\u0142odzie\u017c w wieku 7-17 lat, ucz\u0119szczaj\u0105cy na kursy j\u0119zykowe, r\u00f3wnie\u017c przygotowuj\u0105cy si\u0119 do egzamin\u00f3w j\u0119zykowych. Zaj\u0119cia odbywaj\u0105 si\u0119 przewa\u017cnie w godzinach popo\u0142udniowych, w weekendy praktycznie przez ca\u0142y dzie\u0144. Szko\u0142a jest zamkni\u0119ta w niedziele i \u015bwi\u0119ta. Szko\u0142a jest zlokalizowana w mie\u015bcie 150-tysi\u0119cznym, z niewielk\u0105 konkurencj\u0105 w tym pu\u0142apie oferty. Firma posiada logo, kt\u00f3re trzeba przerobi\u0107 - aktualne wykona\u0142a w\u0142a\u015bcicielka firmy w darmowym programie graficznym.<\/p>\n

Dotychczasowe logo HappySQL by\u0142o bardzo leciwym projektem. Bud\u017cet nie zak\u0142ada\u0142 przeprojektowania identyfikacji wizualnej, ale dla dobra projektu trzeba zaproponowa\u0107 przynajmniej delikatne od\u015bwie\u017cenie.<\/p>\n

\"Nowe<\/p>\n

Przy okazji okaza\u0142o si\u0119, \u017ce kolory brandu nie s\u0105 a\u017c takie z\u0142e - ziele\u0144 w ciekawy spos\u00f3b mo\u017cna po\u0142\u0105czy\u0107 z niebieskim w g\u0142\u0119bi fioletu. Do tego oszcz\u0119dnie z biel\u0105, raczej zamglona szaro\u015b\u0107.<\/p>\n

U\u017cytkownicy<\/h2>\n

Mamy tutaj dwie g\u0142\u00f3wne grupy odbiorc\u00f3w: dzieci i m\u0142odzie\u017c, a tak\u017ce rodzic\u00f3w. Powinni\u015bmy zaadresowa\u0107 przekaz przede wszystkim do os\u00f3b decyzyjnych, czyli rodzic\u00f3w, ale bior\u0105c pod uwag\u0119 fakt, \u017ce bardzo cz\u0119sto s\u0105 oni pod wp\u0142ywem nacisku zakupowego ze strony swoich dzieci, strona musi zach\u0119ca\u0107 (\"dzia\u0142a\u0107\") r\u00f3wnie\u017c na m\u0142odszych u\u017cytkownik\u00f3w. Nie chcemy jednak uzyska\u0107 efektu zbyt dziecinnego, trywialnego. Okre\u015blimy sobie zatem 2 persony w bardzo r\u00f3\u017cnym wieku:<\/p>\n

\"Ania\" - Ania w tym roku ko\u0144czy gimnazjum i chcia\u0142aby dosta\u0107 si\u0119 do najlepszego liceum w swoim mie\u015bcie. Wie, \u017ce w tym liceum przywi\u0105zuje si\u0119 wag\u0119 do j\u0119zyk\u00f3w obcych, dlatego Ania zna ju\u017c ca\u0142kiem dobrze j\u0119zyk angielski i chcia\u0142aby rozpocz\u0105\u0107 nauk\u0119 j\u0119zyka hiszpa\u0144skiego. Ania to typowa (je\u015bli mo\u017cna to tak okre\u015bli\u0107) gimnazjalistka - strasznie zapracowana dziewczyna, maj\u0105ca swoje mniejsze i wi\u0119ksze problemy. Codziennie spotyka si\u0119 ze swoimi przyjaci\u00f3\u0142kami, jest praktycznie non stop online. Ania b\u0119dzie szuka\u0142a szko\u0142y j\u0119zykowej, kt\u00f3ra oferuje wysoki poziom i interesuj\u0105ce zaj\u0119cia. Mo\u017cliwe, \u017ce na hiszpa\u0144ski zapisz\u0105 si\u0119 te\u017c dwie przyjaci\u00f3\u0142ki Ani, tak, by nauka przebiega\u0142a w mi\u0142ej atmosferze. Ania jest relatywn\u0105 entuzjastk\u0105 technologii, posiada smartfon i tablet typu 2-in-1.<\/p>\n

\"S\u0142awek\" - S\u0142awek to tato dw\u00f3ch ch\u0142opc\u00f3w: 4-letniego Kuby i 10-letniego Antka. Ch\u0142opcy ucz\u0105 si\u0119 ju\u017c j\u0119zyka angielskiego w przedszkolu i w szkole, ale S\u0142awek czuje, \u017ce to za ma\u0142o. Chcia\u0142by, aby Kuba zainteresowa\u0142 si\u0119 jakim\u015b drugim j\u0119zykiem, a Antek potrzebuje dodatkowych zaj\u0119\u0107 (S\u0142awek uwa\u017ca, \u017ce w szkole \"robi si\u0119 za ma\u0142o\"). Dla S\u0142awka najwa\u017cniejszy jest klimat w szkole - ch\u0142opcy musz\u0105 si\u0119 tam doskonale czu\u0107. Do tego dobrze by by\u0142o, gdyby szko\u0142a prowadzi\u0142a zaj\u0119cia popo\u0142udniowe (dla Antka) i w sobot\u0119 (dla Kuby). S\u0142awek szuka szko\u0142y za pomoc\u0105 firmowego laptopa, posiada te\u017c smartfon. Wydaje mu si\u0119, \u017ce fajnie by by\u0142o mie\u0107 mo\u017cliwo\u015b\u0107 szybkiego dost\u0119pu do aktualno\u015bci i i informacji szkolnych z urz\u0105dzenia mobilnego, cho\u0107 nie jest wielkim fanem nowinek technologicznych.<\/p>\n

Dopasowanie<\/h2>\n

Nie chcemy skorzysta\u0107 z templatki, kt\u00f3ra b\u0119dzie zbyt dziecinna - efekt przyjazno\u015bci uzyskamy raczej za pomoc\u0105 kolor\u00f3w i grafik. Oferta HappySQL nie jest a\u017c tak ogromna, wi\u0119c przyda si\u0119 sporo \u015bwiat\u0142a i pouk\u0142adane tre\u015bci. Chcemy podkre\u015bli\u0107 wyj\u0105tkowo\u015b\u0107 szko\u0142y dzi\u0119ki komunikacji z konkretn\u0105 grup\u0105 odbiorc\u00f3w. Zale\u017cy nam r\u00f3wnie\u017c na responsywno\u015bci (RWD). Wyb\u00f3r pad\u0142 na jedn\u0105 z templatek z kategorii \"Edukacja i ksi\u0105\u017cki<\/a>\", a mianowicie #58047<\/a>.<\/p>\n

<\/p>\n

Komentarz wdro\u017ceniowy<\/h2>\n

Nasz wyb\u00f3r pad\u0142 na templatk\u0119 kompatybiln\u0105 z naj\u015bwie\u017csz\u0105 lini\u0105 Joomla, korzystaj\u0105c\u0105 ze starszej wersji Bootstrapa, a mianowicie 2.3.1. Na pewno dopracowania wymaga\u0107 b\u0119dzie kolorystyka. Trzeba b\u0119dzie r\u00f3wnie\u017c zakupi\u0107 kilka obrazk\u00f3w stockowych, poniewa\u017c templatka idealnie nadaje si\u0119 do wzmocnienia przekazu za pomoc\u0105 blok\u00f3w z obrazami.<\/p>\n

Architektura informacji<\/h4>\n

Nasza wybrana templatka sama w sobie nie wydaje si\u0119 by\u0107 przesadnie dziecinna, bo przecie\u017c nie o taki efekt nam chodzi\u0142o. Jest to cz\u0119sto pope\u0142niany b\u0142\u0105d przy tego typu projektach - wyj\u0105tkiem s\u0105 mo\u017ce przedszkola, kt\u00f3rych strony internetowe faktycznie wydaj\u0105 si\u0119 by\u0107 cz\u0119\u015bci\u0105 ekosystemu danej plac\u00f3wki i tam zastosowanie np. Comic Sans-a nie razi a\u017c tak. Przy okazji HappySQL, projekt jest ju\u017c zbyt powa\u017cny, st\u0105d m.in. przeprojektowanie logo szko\u0142y. Sama templatka oferuje du\u017co przestrzeni i obszar\u00f3w tre\u015bci, w kt\u00f3rych mo\u017cna zawrze\u0107 teksty o charakterze marketingowym, a te z kolei - w po\u0142\u0105czeniu z obrazkami wysokiej jako\u015bci - z pewno\u015bci\u0105 b\u0119d\u0105 dzia\u0142a\u0107 na wyobra\u017ani\u0119 naszych odwiedzaj\u0105cych.<\/p>\n

Funkcjonalno\u015bci<\/h4>\n

Potrzebujemy nast\u0119puj\u0105ce funkcjonalno\u015bci:<\/p>\n