Fariz MaulanaProduct Designer

GreatFrontEnd • From maze labyrinth to a clear path

Soft reset GreatFrontEnd with design principles that grow revenue by 38% month over month in the first quarter since release.

Fig 1. GreatFrontEnd - Home page marketing

Context

GreatFrontEnd is an interview preparation platform, to help Front End Engineers ace their interview and land a job at a top company.

By the time I inherited the product, that slip had compounded across four surfaces: Marketing, Question bank, Coding workspace, and Design system. It felt like it had grown under different hands, without a shared source of truth.

Working as a solo designer for this project. Collaborated with 2 full stack engineers, and 1 product manager. Total time spent for this project was around 14 weeks. And shipped in mid-January 2025.

Two core problems were observed that led to this project

  1. User feedback about how the learning path feels like a ‘maze’ — a chase that never ends, which makes some users feel forced to stay stuck in the platform.
  2. Outdated visuals that cause some confusion, along with an unclear hierarchy for users starting to prepare for the interview.

Asking the real questions instead of having assumptions

The best way to craft the solutions is not to jump to solutions directly. I conduct user research interviews to map out the pain points and create possible solutions.

Solutions

After back and forth, we came to solutions that overlap with what users want and what the business needs.

Fig 2. GreatFrontEnd - Clear and structured main app navigation and dashboard as a home for user progress
Fig 3. GreatFrontEnd - What user needs to do next and where user left off

Aligning with user needs

We catered to some insights from user needs, preparing for users who want to join a specific company

Fig 4. GreatFrontEnd - Specific company

Or simply for users who want to try a series B or series C company, and are tight on a time bound

Fig 5. GreatFrontEnd - Time bound

Growth tactics

Implementing a growth strategy that doesn’t feel like a hard wall, where users are still able to access other question banks.

Fig 6. GreatFrontEnd - Paywall

Keeping users on the same platform instead of jumping into another app or product while they’re working on the quiz or answering questions, with the help of an AI assistant when users get stuck.

Fig 7. Coding workspace AI

All designs are produced with multiple variants, that we test through our users, and use our own judgement, including implementing some design principles. Here are 3 examples of other variants, and light mode support:

Fig 8-1. GreatFrontEnd - Home page marketing variant 1
Fig 8-2. GreatFrontEnd - Home page marketing variant 2
Fig 8-3. GreatFrontEnd - Home page marketing variant 3

We decided to go with left alignment for better readability, and use the coding workspace as not only an asset that acts as cosmetics, but also as something functional, where users can try and interact right away when they land on the home page.

Fig 8. GreatFrontEnd - Home page marketing

Reshaping the design system

Maintained a reusable design system, from tokens to pages, and documented it in Figma and Storybook. Publicly available at greatfrontend.com/design-system.

Fig 9. Design system

Outcomes

This led to 38% revenue growth month over month in the first quarter since release. And reduced the churn rate by 8% month over month.

We got more than 23% more testimonials from users who landed their jobs.

Notes

This is a light case study version, where a more in-depth case study will be available soon.

Thank you for reaching this last section! See you in another light case study.