O projektu
Centrum pro dítě a rodinu Valika, které poskytuje pomoc ohroženým dětem a jejich rodinám formou sociálně aktivizačních služeb. Další oblastí, na kterou se Centrum Valika zaměřuje, je rozvoj a podpora náhradní rodinné péče.
Vidět projekt ONLINE.
Challenge
Cílem projektu bylo posunout web vizuelně k aktuálním trendům, dodržet brand ( neziskovka je již léta funguje, a tak jakýkoliv zásah do brandu by mohl spíše uškodit.) Z pohledu UX vylepšit funkčnost a zbavit se wordpressu.
Research
Nejsložitější bylo pochopit, jak péče a celkově sociální služby okolo dětí fungují. Jakým způsobem zažádat, připadně kam zajít nebo kde informace získat. Jaké akce se na podporu dělají, a jak může centrum lidem process zjednodušit.
Grid System - 1200px / 12 Col
Process
Briefing, Research
Design System
Flowchart, Wireframes
Design, Development
Timeline
Planning - 2 hodiny
Wireframes - 8+ hodin
Design - 10+ hodin
Assets - 1 hodina
Tools
Sketch, Flowmapp
Slack
Trello
Nette
Colors
Barevnost vycházela z brandu neziskovky. Tedy všechny barvy, které využívá logo. Dále bylo potřeba vytvořit odstíny šedé pro typografii.
Typografie
Původní Oxygen Font jsem nahradil rodinou Montserrat a Nunito. Kde mi nejvíce vyhovuje kontrast mezi ostrým a rounded fontem v řezech Bold, Medium a Regular. Z pohledu neziskovky bylo nejlepší využít free Google Fonty.
Icon Pack
Lehce poupravený defaultní Simple Line Icon Pack z pluginu Icon Font od Kerem Sevencan pro Sketch. V budgetu již nebylo místo na vytvoření vlastního icon packu.
Flowcharts
Velice jednoduchá flowchart definující pouze průchod webem. Zde nebylo moc co vymýšlet. Díky low budgetu neziskovky, se pouze zpřeházela původní kostra webu. Pro Flowcharty jsem s i v poslední době velice oblíbil jednoduchý Flowmapp, a opustil jsem Overflow, který využívám již pouze na složitější projekty.
Wireframes
Abychom si v rychlosti odsouhlasili styl vizuálu, použil jsem rovnou hi-fi wireframy namísto lo-fi wireframu a jakýchkoliv skic.
Design
Další podstrany
