UI / UX Design

Maturikon – Visual Identity & Web Application

A platform helping students prepare for Czech exams through structured practice and test exercises.

Year :

2020

Industry :

Education

Client :

Kurzor

Project Duration :

2 month

Nový design platformy Maturikon. Vizuál obsahuje finální logo a studenty (cílovou skupinu).

Brief :

The task was to design a logo that would appeal to students, create the interface for a web application developed by a separate team, and design supporting banner communication.

Prezentace tří koncepčních směrů pro vizuální identitu Maturikon.

Proces :

Mým cílem bylo transformovat roztříštěnou vizuální identitu Maturikonu v konzistentní digitální produkt. Nejprve jsem definovala ucelenou vizuální strategii a následně navrhla škálovatelný UI systém. Ten zahrnoval tvorbu knihovny UI komponent a definici variables, což zajistilo konzistenci napříč celou platformou. Finální design jsem vytvořila v Sketchi a pro bezproblémové předání vývojářům jsem použila Zeplin.

Ukázka UI dashboardu Maturikonu. Design hlavních sekcí s výsledky a datovými okny.

Výzva :

Naší hlavní výzvou bylo vytvořit digitální produkt, který by efektivně motivoval studenty k pravidelné přípravě na maturitní zkoušku. Bylo nezbytné navrhnout takové uživatelské rozhraní, které by nepůsobilo zastarale či příliš školsky, a zároveň muselo zůstat přehledné a intuitivní.

Klíčové bylo najít rovnováhu mezi energetickým, moderním vizuálem a jasným, informativním obsahem, aby aplikace uživatele neodradila ani ho nepřetížila. Zároveň bylo nutné zajistit, aby byl návrh UI škálovatelný a konzistentní napříč různými mobilními zařízeními a jejich rozlišeními.

Navíc bylo nutné přemýšlet do budoucna tak, aby byl design snadno adaptovatelný pro další předměty – například, aby Maturita z matematiky mohla v budoucnu využívat podklad kostkované mřížky, zatímco český jazyk zůstal u tečkované.

Mini manuál loga Maturikon (pravidla použití a varianty) a design UI oken pro login a registraci.

Výsledek :

Vznikla jednotná a soudržná vizuální identita, která úspěšně propojuje symboliku české maturity s moderním, hravým digitálním zpracováním. K vizualizaci identity jsem využila také 3D prvky vytvořené v Adobe Dimension, které pracovaly s barevností české vlajky. Díky svěžímu designu a intuitivnímu UI/UX aplikace působí přístupně, motivující a dokáže efektivně oslovit studenty v klíčové fázi přípravy.

👉 Poznámka: Současná webová stránka www.maturikon.cz už není z mé dílny, ale aplikace je stále k dispozici.

Návrh bannerové komunikace pro Maturikon: Vizuál obsahuje českou vlajku vytvořenou z 3D objektů u laptopu.
Kreativní návrh Error 404 stránky Maturikon. Vizuální metafora rozbitého obsahu (kelímek, jídlo, plechovka) u laptopu.

další projekty

UI / UX Design

Maturikon – Visual Identity & Web Application

A platform helping students prepare for Czech exams through structured practice and test exercises.

Year :

2020

Industry :

Education

Client :

Kurzor

Project Duration :

2 month

Nový design platformy Maturikon. Vizuál obsahuje finální logo a studenty (cílovou skupinu).

Brief :

The task was to design a logo that would appeal to students, create the interface for a web application developed by a separate team, and design supporting banner communication.

Prezentace tří koncepčních směrů pro vizuální identitu Maturikon.

Proces :

Mým cílem bylo transformovat roztříštěnou vizuální identitu Maturikonu v konzistentní digitální produkt. Nejprve jsem definovala ucelenou vizuální strategii a následně navrhla škálovatelný UI systém. Ten zahrnoval tvorbu knihovny UI komponent a definici variables, což zajistilo konzistenci napříč celou platformou. Finální design jsem vytvořila v Sketchi a pro bezproblémové předání vývojářům jsem použila Zeplin.

Ukázka UI dashboardu Maturikonu. Design hlavních sekcí s výsledky a datovými okny.

Výzva :

Naší hlavní výzvou bylo vytvořit digitální produkt, který by efektivně motivoval studenty k pravidelné přípravě na maturitní zkoušku. Bylo nezbytné navrhnout takové uživatelské rozhraní, které by nepůsobilo zastarale či příliš školsky, a zároveň muselo zůstat přehledné a intuitivní.

Klíčové bylo najít rovnováhu mezi energetickým, moderním vizuálem a jasným, informativním obsahem, aby aplikace uživatele neodradila ani ho nepřetížila. Zároveň bylo nutné zajistit, aby byl návrh UI škálovatelný a konzistentní napříč různými mobilními zařízeními a jejich rozlišeními.

Navíc bylo nutné přemýšlet do budoucna tak, aby byl design snadno adaptovatelný pro další předměty – například, aby Maturita z matematiky mohla v budoucnu využívat podklad kostkované mřížky, zatímco český jazyk zůstal u tečkované.

Mini manuál loga Maturikon (pravidla použití a varianty) a design UI oken pro login a registraci.

Výsledek :

Vznikla jednotná a soudržná vizuální identita, která úspěšně propojuje symboliku české maturity s moderním, hravým digitálním zpracováním. K vizualizaci identity jsem využila také 3D prvky vytvořené v Adobe Dimension, které pracovaly s barevností české vlajky. Díky svěžímu designu a intuitivnímu UI/UX aplikace působí přístupně, motivující a dokáže efektivně oslovit studenty v klíčové fázi přípravy.

👉 Poznámka: Současná webová stránka www.maturikon.cz už není z mé dílny, ale aplikace je stále k dispozici.

Návrh bannerové komunikace pro Maturikon: Vizuál obsahuje českou vlajku vytvořenou z 3D objektů u laptopu.
Kreativní návrh Error 404 stránky Maturikon. Vizuální metafora rozbitého obsahu (kelímek, jídlo, plechovka) u laptopu.

další projekty

UI / UX Design

Maturikon – Visual Identity & Web Application

A platform helping students prepare for Czech exams through structured practice and test exercises.

Year :

2020

Industry :

Education

Client :

Kurzor

Project Duration :

2 month

Nový design platformy Maturikon. Vizuál obsahuje finální logo a studenty (cílovou skupinu).

Brief :

The task was to design a logo that would appeal to students, create the interface for a web application developed by a separate team, and design supporting banner communication.

Prezentace tří koncepčních směrů pro vizuální identitu Maturikon.

Proces :

Mým cílem bylo transformovat roztříštěnou vizuální identitu Maturikonu v konzistentní digitální produkt. Nejprve jsem definovala ucelenou vizuální strategii a následně navrhla škálovatelný UI systém. Ten zahrnoval tvorbu knihovny UI komponent a definici variables, což zajistilo konzistenci napříč celou platformou. Finální design jsem vytvořila v Sketchi a pro bezproblémové předání vývojářům jsem použila Zeplin.

Ukázka UI dashboardu Maturikonu. Design hlavních sekcí s výsledky a datovými okny.

Výzva :

Naší hlavní výzvou bylo vytvořit digitální produkt, který by efektivně motivoval studenty k pravidelné přípravě na maturitní zkoušku. Bylo nezbytné navrhnout takové uživatelské rozhraní, které by nepůsobilo zastarale či příliš školsky, a zároveň muselo zůstat přehledné a intuitivní.

Klíčové bylo najít rovnováhu mezi energetickým, moderním vizuálem a jasným, informativním obsahem, aby aplikace uživatele neodradila ani ho nepřetížila. Zároveň bylo nutné zajistit, aby byl návrh UI škálovatelný a konzistentní napříč různými mobilními zařízeními a jejich rozlišeními.

Navíc bylo nutné přemýšlet do budoucna tak, aby byl design snadno adaptovatelný pro další předměty – například, aby Maturita z matematiky mohla v budoucnu využívat podklad kostkované mřížky, zatímco český jazyk zůstal u tečkované.

Mini manuál loga Maturikon (pravidla použití a varianty) a design UI oken pro login a registraci.

Výsledek :

Vznikla jednotná a soudržná vizuální identita, která úspěšně propojuje symboliku české maturity s moderním, hravým digitálním zpracováním. K vizualizaci identity jsem využila také 3D prvky vytvořené v Adobe Dimension, které pracovaly s barevností české vlajky. Díky svěžímu designu a intuitivnímu UI/UX aplikace působí přístupně, motivující a dokáže efektivně oslovit studenty v klíčové fázi přípravy.

👉 Poznámka: Současná webová stránka www.maturikon.cz už není z mé dílny, ale aplikace je stále k dispozici.

Návrh bannerové komunikace pro Maturikon: Vizuál obsahuje českou vlajku vytvořenou z 3D objektů u laptopu.
Kreativní návrh Error 404 stránky Maturikon. Vizuální metafora rozbitého obsahu (kelímek, jídlo, plechovka) u laptopu.

další projekty