Garyshker. UI for the educational website

Background

In 2020, I was invited by Arthur Kim and Birzhan Shakarim to develop a modern user interface for an educational website. The website was going to have videos, podcasts, and articles, aimed to help young people navigate different aspect of life. The challenge was to create a clean, intuitive interface that could seamlessly organize diverse media formats while remaining accessible to the audience.

Outcome

Unfortunately, the project was closed. It was in fact a voluntary initiative, driven by a mission to create a positive social impact rather than commercial gain. Although the website lacked a monetization strategy and never became a fully operational business, the experience was valuable. It allowed me to explore complex content architecture, refine my UI design skills, and collaborate with like-minded people committed to using design for meaningful purposes.

UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa.

Main menu

UI design work by Nick Toa.
UI design work by Nick Toa. UI design work by Nick Toa.

Topic screen

UI design work by Nick Toa.
UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa.

Video screen

UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa.
UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa.

Article screen

UI design work by Nick Toa. UI design work by Nick Toa.
UI design work by Nick Toa. UI design work by Nick Toa.

Article headers

UI design work by Nick Toa. UI design work by Nick Toa.
UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa.

Article sections

UI design work by Nick Toa.
UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa.

Focus mode

UI design work by Nick Toa. UI design work by Nick Toa.

Reading mode

UI design work by Nick Toa. UI design work by Nick Toa.

Content cards

UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa. UI design work by Nick Toa.

Thanks for exploring

UI design work by Nick Toa.

Client

Birzhan Shakarim

Project Manager

Arthur Kim