Brand Design: Prezentacja: Koncepcja C

0:00Witajcie

0:04w prezentacji koncepcji B. Lecimy zatem z tematem. Analogicznie

0:08będziemy przedstawiać w bardzo podobnym schemacie całą koncepcję.

0:13A więc rozpoczynamy od wyjaśnienia, skąd się wziął pomysł i

0:17w jakim kierunku nas doprowadzi. Przed

0:21nami mood board koncepcji, w którym chciałem zawrzeć hasło

0:25obszar roboczty. I czy to jest chodnik, na którym dzieciaki

0:30rysują kolorowymi kredami, czy to jest format papieru,

0:34no którym walimy tagi markerem, czy

0:38to jest ekran telefonu, czy kartka na której rysujemy pisakami, wszystko

0:43to jest obszarem, na którym możemy coś tworzyć. I ten

0:47mood board ma właśnie to przekazać. Że ten nasz obszar roboczy

0:51jest pewną ramą dla naszej twórczości. I

0:56tak samo jak w pierwszej części wyjaśnijmy nieco bardziej dosłownie,

1:01co chcieliśmy tutaj zawrzeć. A więc zacznijmy

1:06znowu od prawej strony. I o

1:10ile zrezygnowaliśmy w tej koncepcji z mocnej eksploatacji przycisku

1:14play, tak tutaj dajemy do zrozumienia, że on też tutaj się nam ukrył

1:18i że jest centralnym punktem, wokół którego zbudowaliśmy inne

1:22elementy. Tymi innymi

1:26elementami będą kształty geometryczne, które mogą

1:31odpowiadać za kursy, technologie

1:35czy inne rzeczy, którym przypiszemy znaczenie. Te

1:40kursy, projekty, specjalizacje będą wykonywane na obszarze

1:44roboczym, który pokazaliśmy w postaci ażurowej ramki, która

1:49będzie nam symbolizowała ten obszar roboczy. No i na koniec jeszcze -

1:53też w założeniu, które mieliśmy na początku, gdy jeszcze szkicowaliśmy –

1:57to chcieliśmy, żeby ta koncepcja była inicjałem. Więc

2:01jeszcze bardziej dobitnie wykażmy, że ta literka

2:06E jest tutaj ukryta. Motyw

2:10graficzny zawiera dwa elementy. Ten nas obszar roboczy w

2:14postaci kontrastującej, mocnej ramki oraz

2:19kolorowych różnorakich kształtów geometrycznych,

2:23które mają symbolizować projekty, które wykonujemy,

2:27których uczymy się przez eduweb. Logo

2:31w koncepcji B jest tak naprawdę wypadkową opracowania

2:35obszaru roboczego i na tym slajdzie to właśnie chcemy pokazać. Pokazujemy

2:40pewną genezę, od czego to wyszło i na czym to się zakończyło.

2:45Żeby to zrobić w jeszcze bardziej dobitny sposób, to

2:49wykorzystamy ten ekstra bonus, który wymyśliłem, żeby dodać do tej prezentacji coś

2:53w postaci animacji. Zobaczcie, co teraz się zadziało.

2:57Znowu gdy poruszyliśmy delikatnie elementy, które

3:01przedstawiliśmy przed chwilą na planszach, zyskały

3:06kompletnie nowego wymiaru. De facto to są te same rzeczy,

3:11te same projekty, które przed chwilą widzieliśmy w sposób statyczny na slajdzie, ale

3:16gdy nadaliśmy im ruchu, stały

3:20się one bardziej dynamiczne, zaczęły bardziej żyć i poruszać

3:25wyobraźnię klienta. Klient gdy zobaczy taką prezentację, będzie

3:29doskonale wiedział, skąd się wzięło jego logo, dlaczego tak funkcjonuje i

3:33da to mu jeszcze pomysły albo zainspiruje do

3:38wykorzystania tych motywów w inny sposób. Jak zauważycie,

3:42to koncepcję B poprowadziliśmy nieco

3:46inaczej niż A. Tam rozpoczęliśmy od pokazania logo,

3:51a dopiero później zaczęliśmy pokazywać różne warianty, wariacje

3:55i inne powinowactwa od tego logo. Tutaj zrobiliśmy nieco inaczej, tutaj

3:59wyszliśmy od obszaru roboczego, od którego uformowaliśmy

4:04finalne logo. I dopiero teraz pokazujemy

4:08finalne logo. A jeśli je pokazaliśmy, to takim razie teraz

4:13pokażmy, w jaki sposób ono funkcjonuje. I tak

4:17analogicznie: warianty, stosowanie na tłach, wariacje,

4:21logo skrócone, logo indywidualne.

4:25Ten wariant ma to charakterystyczne, że posiada takie

4:30opcje, dlatego wprowadziliśmy je tutaj przy omawianiu

4:34samego logo. Wróćmy

4:38teraz do motywu graficznego i tutaj też rozłożymy go trochę na czynniki pierwsze.

4:42Mamy górny rząd kształtów, które są kształtami podstawowymi,

4:46do którego doszły dodatkowe z dodatkową paletą kolorów. I

4:51teraz co możemy z nimi zrobić? Na pewno możemy zaprojektować z

4:56nich ikony. Dodatkowo, poza kształtami geometrycznymi zaczęliśmy też wykorzystywać

5:01linearność tych rzeczy, która także wynika z naszego logo.

5:05Co idzie za tym więcej, co

5:09z tym kształtami możemy zrobić? Gdy komponowałem prezentację,

5:13to zdałem sobie sprawę, że te nasze kształty tworzą bardzo fajne

5:18kadry i kompozycje tła. Dlaczego by tego nie pokazać

5:22także w prezentacji? Tak to wygląda. Kolejne

5:27zastosowanie kształtów znaleźliśmy w sloganie i też warto w takim

5:31razie to pokazać w momencie, kiedy opracowujemy i pokazujemy, jakie możliwości

5:35dają nam te kształty, które sobie opracowaliśmy. I

5:40przechodzimy do elementów systemu. Tę systemowość właśnie

5:44opowiedzieliśmy sobie wcześniej przez to, że rozpoczęliśmy tę koncepcję

5:48od omawiania motywu graficznego, a dopiero później znaku.

5:53Kolorystyka – tutaj też, jak widzicie, starałem

5:58się pokazać procentowe natężenie kolorów, które

6:02powinny występować w tej koncepcji. Dobrałem wszystkie kolory,

6:06które wynikają z dodatkowych kształtów, które dobraliśmy. Niemniej jednak

6:12zaznaczyłem te kolory, które powinny być używane najczęściej,

6:16czyli ta nasza czerwień. Prosta, ale

6:20geometryczna, stabilna typografia jest

6:26także częścią tego systemu. Gdy już mamy przedstawiony system,

6:30przejdźmy do pokazania jego funkcjonalności. Tę

6:34funkcjonalność fajnie pokazać przez stronę internetową i

6:39ten slajd właśnie to przedstawia. Zarówno implementacja

6:43logo na górnej belce, co jest niezwykle istotne dla

6:47klienta, który chce, żeby to logo wyglądało

6:52dobrze na stronie internetowej, że ta strona internetowa jest jego tak

6:57naprawdę pierwszym punktem styczności z klientem. Wykorzystaliśmy

7:01sobie tła, czcionkę, którą pokazaliśmy

7:05przed chwilą, a także ikony kursów. I

7:10znowu całość bez specjalnego dodatkowego projektowania składa

7:14nam się na spójną, funkcjonalną całość. Mając elastyczny system, pokażmy

7:19go w jakiś sposób. Ja uznałam, że strona internetowa jest

7:23fajnym nośnikiem, żeby to pokazać. Pokazałem tutaj zarówno kolory

7:27tła, jak i elastyczny system wariantów logo,

7:31który też możecie sobie zobaczyć na kolejnej planszy, żeby to

7:36wyciągnąć, żeby pokazać, jak to fajnie wygląda na górnej belce – i

7:40tylko i wyłącznie w takim kontekście. U góry mamy skrócone logo, które

7:44fajnie się wpisuje. Jest niższe niż to pełne,

7:48a zachowuje ten sam kod kolorystyczny, ten sam

7:52komunikat. Na samej górze zobaczycie skrócone

7:57logo, które fajnie się wpisuje na niską belkę

8:01na stronie internetowej. Pełne logo z inicjałem

8:05litery E już by tak dobrze tutaj nie wyglądało. A jeszcze lepiej

8:09wyglądają skrócone, indywidualne logosy, które

8:13możecie zobaczyć na planszach poniżej. Każda z tych plansz

8:17może oznaczać ścieżkę, kurs lub technologię. Do

8:22kolejnej planszy możemy zobaczyć połączenie, w jaki

8:26sposób możemy wykorzystać kształty, które sobie określiliśmy, i

8:30stworzyć bardzo fajny przycisk play, który mógłby funkcjonować w playerze

8:34eduweba. Przechodząc dalej do nośników social media,

8:38rozpoczynamy oczywiście od ikony mobilnej. Pokazujemy, jak to

8:43wygląda w social mediach oraz w jaki sposób może wyglądać profil

8:47na Facebooku. W następnej kolejności mamy Instagram,

8:51zarówno cały feed, jak i pojedyncza grafika oraz

8:56wjeżdżamy już w wizualizacje i pokazujemy gadżety. Wcześniej

9:01było dużo tych kolorowych teł, dlatego tutaj wybrałem neutralne.

9:05Ale tutaj już znowu podbijamy te kolorki, żeby

9:09one się fajnie zapamiętały. Kończymy

9:14wizualizacją w kontekście miejskim oraz oczywiście

9:18nie możemy zapomnieć o brand boardzie, który jest właśnie

9:22tą naszą koncepcją B w pigułce. Pokazujemy

9:27zarówno podstawowe logo, ikonę mobilną, w

9:32jaki sposób element, motyw graficzny może funkcjonować, w jaki sposób

9:36możemy wykorzystać kształty oraz jak logo wygląda, jak

9:41w ogóle może wyglądać layout graficzny. Koncepcja B

9:46jest dość jasna. Możemy zatem przejść do ostatniej koncepcji

9:50C. Zapraszam.