ETKAN
Etkan (Etkan MS) is a productive educational learning path that moves students from idea to execution. It teaches across code, hardware and making — frontend, backend, mechatronics — around a distinctive classroom method, and needed a full platform to run it.
- Sector
- Education · Learning platform
- Location
- Bilingual · EN / AR
- Launched
- 2025
- What we did
- Product structure, UX & interface design, Front-end development, Motion & interaction
Etkan isn't a single landing page — it's a whole program with a teaching philosophy behind it. The site had to explain the method (guided thinking, learning and practical assignments), lay out the courses and the general-career track, and give students a real place to register, log in and follow their path.
We designed and built the full platform: a marketing home that sells the learning path, dedicated About, Careers, Projects, Gallery and Life sections, a course catalogue spanning frontend, backend and mechatronics, testimonials, and a bilingual English/Arabic experience with account registration and login. A clean, confident interface keeps a lot of moving parts easy to navigate.
The interface is calm but alive — sections reveal as you scroll, cards and course carousels respond to the eye, and a learning-and-working heatmap turns each student's activity into something they can see and feel. Polished UI that makes a serious program feel modern and usable.
- Full multi-page platform (Home, About, Careers, Projects, Gallery, Life)
- Course catalogue — frontend, backend, mechatronics
- Registration & login / student accounts
- Bilingual English / Arabic experience
- Learning & working activity heatmap
- Testimonials & program CTAs
Seeitliveandmoving.
Open etkan.org