Case study
Devio
An education platform where beginners learn to code step by step. Google certification project.
01Responsive website
The brief
What we set out to solve
Goal
Design a platform where beginners can learn the basics of front-end and back-end development. With free lessons, interactive exercises and a supportive community.
Who it is for
People aged 16 to 40 who want to learn to code but do not know where to start.
Screens
What it looks like
UX process
How we approached it
From interviews and a questionnaire through a persona and information architecture to usability testing and the final responsive design.
- 01Interviews
- 02Questionnaire
- 03Empathy maps
- 04Persona
- 05Competitor analysis
- 06User journey
- 07Information architecture
- 08Wireframes
- 09Usability testing
- 10Iterations
- 11Final design
- 12Responsive versions
Research
Research findings
Qualitative research and a questionnaire showed what beginner developers miss most when learning.
85 % need better-organised learning materials
70 % want to learn on their phones while on the go
50 % want to see their learning progress
The materials are good, but more interactive exercises and real-life situations would make learning more practical.
The content helps, but I am missing a visible way to track progress and celebrate achievements.
Persona
Who we designed for
The persona was based on a combined empathy map of three respondents.
Alex
27 years old · salesperson · Brno
"Consistency. Every day counts."
Goals
Find structured courses that guide him from the basics, and learn skills that will still be useful in a few years.
Frustrations
Searching for detailed materials frustrates him, and the rapid pace of technology feels overwhelming.
Problem
Alex is looking for free front-end and back-end courses. He needs a clear learning path because he does not know where to start.
Competitors
Competitor analysis
We compared the main learning platforms and YouTube as an indirect competitor.
| PLATFORM | STRENGTHS | WEAKNESSES |
|---|---|---|
| Codecademy | Interactive and beginner-friendly. | Limited advanced content. |
| Coursera | Courses from leading universities. | Expensive certificates. |
| edX | Partnerships with prestigious institutions. | Too theoretical for beginners. |
| freeCodeCamp | Practical exercises and a strong community. | Navigation can feel overwhelming. |
Testing
Usability testing
A moderated test with five participants in Bratislava, lasting 10 minutes each, showed where beginners get lost.
Career path
Complete beginners did not know which course path matched the career they wanted.
Filters
Some filter features were hard to notice.
Motivation
Participants were missing elements that would motivate them to keep learning.
Design
Final design
Findings and next steps
Beginners need even the very basics explained.
KEY FINDINGS
- Many beginners do not know the difference between front-end and back-end development.
- Motivation drops quickly, so game elements such as learning streaks can help.
NEXT STEPS
- A more active forum for students and tutors to exchange experiences.
- A home page that helps people choose the right learning path.
- Notifications and widgets that support regular learning.
Next project
See another case study
Pathfinder
An app connecting people looking for placements with companies and non-profit organisations.
Contact
Let’s talk through
your project.
Tell us what
you are planning.
A few sentences are enough: what you need, who it is for, and when you would like it. We will get back to you with a proposed next step.