© João Mourão, 2026. All Rights Reserved | Typeset in Montserrat and PT Serif.
🟢 Available for new projects
© João Mourão, 2026. All Rights Reserved | Typeset in Montserrat and PT Serif.
🟢 Available for new projects
🟢 Available for new projects
SkillUP
SkillUP
SkillUP
A mobile micro-learning concept designed around short lessons, quizzes and progress tracking.
A mobile micro-learning concept designed around short lessons, quizzes and progress tracking.
A mobile micro-learning concept designed around short lessons, quizzes and progress tracking.
Role
• UI/UX
• Graphic Design
Role
• UI/UX
• Graphic Design
Role
• UI/UX
• Graphic Design
SkillUp is a mobile learning concept focused on making learning feel more approachable through short-form content, quizzes and progression.
The experience is structured around different subjects, allowing users to explore topics, test their knowledge and track their progress over time.
SkillUp is a mobile learning concept focused on making learning feel more approachable through short-form content, quizzes and progression.
The experience is structured around different subjects, allowing users to explore topics, test their knowledge and track their progress over time.
SkillUp is a mobile learning concept focused on making learning feel more approachable through short-form content, quizzes and progression.
The experience is structured around different subjects, allowing users to explore topics, test their knowledge and track their progress over time.
From structure
to interface
From structure
to interface
From structure
to interface
I started by mapping the main learning flow and defining the core screens of the experience. The initial wireframes focused on hierarchy and navigation rather than visual styling.
Explore → Learn → Quiz → Results → Progress
I started by mapping the main learning flow and defining the core screens of the experience. The initial wireframes focused on hierarchy and navigation rather than visual styling.
Explore → Learn → Quiz → Results → Progress
I started by mapping the main learning flow and defining the core screens of the experience. The initial wireframes focused on hierarchy and navigation rather than visual styling.
Explore → Learn → Quiz → Results → Progress
Visual direction
Visual direction
Visual
direction
I explored several directions before settling on the final SkillUp identity. The final mark combines the name with a simple visual cue related to learning and progression.
I explored several directions before settling on the final SkillUp identity. The final mark combines the name with a simple visual cue related to learning and progression.
I explored several directions before settling on the final SkillUp identity. The final mark combines the name with a simple visual cue related to learning and progression.
Design system
Design system
Design
system
As the interface grew, I consolidated the visual language into a small design system covering typography, colour, UI states and reusable elements. This helped keep the different learning, quiz and progress screens consistent.
As the interface grew, I consolidated the visual language into a small design system covering typography, colour, UI states and reusable elements. This helped keep the different learning, quiz and progress screens consistent.
As the interface grew, I consolidated the visual language into a small design system covering typography, colour, UI states and reusable elements. This helped keep the different learning, quiz and progress screens consistent.
Final UI
Final UI
Final UI
Reflection
Reflection
Reflection
SkillUp gave me the opportunity to work through a complete mobile interface rather than designing isolated screens. The project helped me understand how reusable components, visual hierarchy and interaction states affect the consistency of an application as it grows.
If I continued developing the project, I would focus on validating the learning experience with real users and testing whether the progression and quiz mechanics actually encourage users to return.
SkillUp gave me the opportunity to work through a complete mobile interface rather than designing isolated screens. The project helped me understand how reusable components, visual hierarchy and interaction states affect the consistency of an application as it grows.
If I continued developing the project, I would focus on validating the learning experience with real users and testing whether the progression and quiz mechanics actually encourage users to return.
SkillUp gave me the opportunity to work through a complete mobile interface rather than designing isolated screens. The project helped me understand how reusable components, visual hierarchy and interaction states affect the consistency of an application as it grows.
If I continued developing the project, I would focus on validating the learning experience with real users and testing whether the progression and quiz mechanics actually encourage users to return.