AKO
Language School Startup
https://akolanguageschool.com/
​
Summary:
AKO is a business located in Playa del Carmen, Mexico. It offers spanish lessons, accommodation options and latin dance lessons.
They contacted me to build a brand identity, design system and app screens.
​
UI Designer
Figma, Invision
Dec - Jan 2022
(2 months)
CONTEXT
The company wanted to adapt their brand identity into an app design, therefore, the final deliverables were the digital brand identity document, high-fidelity prototype and Design System.
Brand Identity
This is the manual for the app design, there are certain rules for the design in order to mantain it simple, structure and clean
​
I choose to use the "Futura" font because it´s a one of the most popular typographies. Additionally, it´s part of the Sans-serif family, which they are highly recommended for Titles and large digital texts (paragraph fonts).
​
​
​
Color Palette
The color palette was challenging. AKO wanted specific complementary colors for their brand (red and blue) but also mantain a legible interface with white.
​
Given that situation, I couldn´t use any analogue or monocromatic colors to have a system behind the brand.
To solve this problem, I did a research to understand the final user which basically are foreign people.
So the main question on my research was "What color does foreign people perceive "Spanish" in academic environments?"
The result was actually blue and red !
Titles & Main Typography
Margin & Padding
Paragraphs Font
Variants
.png)
Sketches
After defining design principles for AKO, I started doing low-fidelity prototypes in Invision which at the end they accept using them in the high-fidelity prototype built in Figma.
Design System
Here are some images from the Design System, screens and animations of the app.
​
Here are some app screens. This design includes animations, transitions color palette, typography related to their brand. Some plugins that helped out create this app: Autoflow, Iconify, Motion and the Figma community.
The whole Design System I´ve created for AKO.
In a different page, animations they can export as GIF, CSS or JSON code lines.
Here are some app screens. This design includes animations, transitions color palette, typography related to their brand. Some plugins that helped out create this app: Autoflow, Iconify, Motion and the Figma community.
Outcomes
As a conclusion, they were happy with the work, they are still using this brand identity and Design System.
​
A big challenge for me in this project was communicating what AKO wanted for their brand identity in the app, fortunately it was a success the way I build the app from scratch.
​
_gif.gif)
