Background
Geniuskids is a Auckland based early childhood educational centre.
My Role
Branding, User Research, Website Design
Crafting design systems
The visual language elements of the inception sheet are portrayed through our style tiles.
Visual Language:
Shape — Wave
Space — Open
Movement — smooth, direct
Color — Solid, muted, natural
Category icons — Muted colors, natural and professional
Typeface — Open Sans, which is the font used in the original but the regular version for readability.
Shape — Wave
Space — Open
Movement — smooth, direct
Color — Solid, muted, natural
Category icons — Muted colors, natural and professional
Typeface — Open Sans, which is the font used in the original but the regular version for readability.
We combined different elements from each of our style tiles based on the preference of our client through the gut test, as well as keeping our target audience and user persona in mind to create a website that is user-focused and highly accessible.
This project was very valuable to myself and I enjoyed working with a team of individuals to create a product for a community client. Our client was an absolute pleasure to work with and was very helpful every step of the way in providing the team with what we required or anything additional that we needed.
How I attack the challenge of creating a content-rich site:
White space – allowing the content (and your visitors’ eyes) room to breathe;
Boxes, borders & graphical planes – Segmenting the information into visual categories;
An intuitive search method – Letting your users jump straight to the info they need
Grids – Although not always necessary for comprehension, keeping content within a rigid, consistent structure helps reduce the effort required to process it;
Grids – Although not always necessary for comprehension, keeping content within a rigid, consistent structure helps reduce the effort required to process it;
Strong information hierarchy – Establishing a consistent design language using content types (blurbs, excerpts, call to actions);
Visual hierarchy – The relative importance of different content areas and elements can be visually implied in many ways, ranging from typographic treatments (headlines, sub-headings, pull-quotes, etc.), to image sizes and saturation, placement, etc.
