WEB DESIGN | ILUSTRACJA | IKONY
Identyfikacja i projekt strony internetowej dla agencji e-learningowej LafLearning
Odczarowanie korporacyjnego e-learningu
LafLearning to agencja e-learningowa, której misją jest dostarczanie skutecznych narzędzi do nauki online. Firma postanowiła wyróżnić się nie tylko barwną identyfikacją, lecz także wysoką jakością tworzonych produktów. LafLearning chce odczarować powszechnie panującą nudę szkoleniową, oferując autorską platformę e-learningową oraz kursy online charakteryzujące się zarówno niepowtarzalną grafiką jak i koncepcją.
Zakres moich prac obejmował:
– zaprojektowanie strony internetowej oraz jej implementację przy użyciu WordPressa,
– przygotowanie ilustracji na stronę,
– stworzenie zestawu ikon.
Paleta barw i patterny produktów
LafLearning potrzebował palety barw budzącej pozytywne skojarzenia z e-learningiem. Dlatego kolory firmowe, które zaproponowałam, to przede wszystkim nowoczesny błękit zestawiony z barwami produktów: soczystą zielenią LafLMS, pobudzającą magentą LafDT oraz słoneczną żółcią LafEdu. Zdecydowane, czyste, intensywne kolory zwracają uwagę, pozostają w pamięci odbiorcy, a przede wszystkim wyróżniają markę spośród bezpiecznych wyborów kolorystycznych konkurencji.
W odpowiedzi na różne potrzeby szkoleniowe LafLearning oferuje 3 autorskie produkty. Zdecydowałam, że dla każdego z nich stworzę indywidualną oprawę graficzną. Ich odmienne przeznaczenie wyraziłam za pomocą autonomicznych patternów.
Strona internetowa
Prace nad stroną rozpoczęłam od stworzenia szkieletu, który wyznaczył hierarchię treści oraz ich podział na poszczególnych podstronach. Chciałam, aby strona główna w przejrzysty sposób przedstawiała zakres usług agencji i zachęcała do przejścia na dedykowane podstrony produktów z treściami, których poszukuje potencjalny Klient.
Całą stronę zaprojektowałam, a następnie zaimplementowałam przy użyciu WordPressa.
Jednym z zadań strony jest utrwalenie wizerunku marki. Baner powitalny to esencja key visual – składa się z fragmentów patternów oraz zapisu nazwy marki firmowym fontem i kolorem. Tłem dla całości jest biel, która nie tylko równoważy kontrast między wzorami a kolorami, lecz także dodaje oddechu, uspokaja i scala kompozycję.
Stopka nie jest rozbudowana – przede wszystkim eksponuje kolor firmowy. Krótkim i przyjaznym tekstem skraca dystans między agencją a klientem, tym samym zachęcając do kontaktu.
Strony produktów
Dedykowane strony produktów stworzyłam na podobnym układzie, tak aby nawigacja między nimi była łatwa i intuicyjna.
Ilustracje
W swoich produktach LafLearning stawia na autorskie grafiki, dlatego zdecydowałam, że warto stworzyć ilustracje również dla marki, aby wzmocnić i uwiarygodnić jej podeście w oczach odbiorcy.
Ilustracje pojawiają się przede wszystkim na stronie – z dystansem i odrobiną humoru pokazują, dlaczego warto skorzystać z usług firmy LafLearning.
Ikonki LafEdu
Do zaprezentowania zróżnicowanej oferty jednego z produktów – LafEdu – stworzyłam dedykowany zestaw ikon. Pozostały utrzymane w kolorystyce produktu, których linearność wzbogaciłam akcentem patternu.
Ikony produktów
Na stronie głównej pojawiają się bardziej ilustracyjne ikony, odpowiadające każdemu z trzech produktów LafLearning.
