All work

Landing page

Show the platform first

Redesigned takeUforward hero on dark: an offer banner, the headline One stop platform to conquer tech interview, Start Preparing Free and Explore TUF+ buttons, and the product dashboard in a blue-framed window.

takeUforward helps engineers prepare for tech interviews with DSA, core CS and system design. I redesigned its landing page to lead with the real product and a clear path.

Redesign

Overview

What it is
An interview-prep platform: structured roadmaps, practice problems, a daily planner and AI help, built around a large YouTube community.
What I did
Redesigned the landing page from top to bottom: a product-first hero, a problem section, colour-coded subjects, a testimonial wall, the founder’s story and a simpler ending.

What wasn’t working

  1. 01

    The hero shows one widget, not the platform

    A small planner card stands in for the whole product, so visitors meet a single feature before they know what takeUforward is.

  2. 02

    Proof floats in empty space

    The learner count and the YouTube and LinkedIn numbers sit in a block of their own with a lot of dead space around them.

  3. 03

    The overview hides behind tabs

    Nine pill tabs sit above a mostly empty panel, so you have to click before you learn anything.

  4. 04

    A heavy ending

    A callback form, the FAQ and a footer with a giant faded wordmark all compete with the final call to action.

The live takeUforward landing page, full length: hero with a planner widget, a community stats block, a tabbed platform overview, testimonials, a callback form, an FAQ and a footer with a faded wordmark.
The redesigned takeUforward landing page, full length: hero with the full dashboard, a stats band and logos, a problem section, colour-coded subject cards, a product tour, the founder block, a testimonial wall, the FAQ and a blue closing card.
Switch pages, then scroll inside the frame.Scroll inside the frame: both pages move together, so each section lines up with its counterpart.

Key decisions

Close-up of the hero copy: the headline One stop platform to conquer tech interview, a one-line subline and two buttons, Start Preparing Free in blue and Explore TUF+ in grey.

01/06Lead with the whole product

Headline, one subline and two buttons, then the real dashboard right underneath: sidebar, daily plan and progress. Visitors see the platform before they read about it.

Stop figuring out what to study next: three illustrated problem cards, Scattered resources, No clear roadmap and Interview preparation is not just DSA.

02/06Name the problem first

Three illustrated pains describe the reader’s situation (scattered resources, no roadmap, more than DSA) before the page pitches the fix. People keep reading when they recognise themselves.

Every part of your preparation in just one platform: six subject cards in two rows, each with its own colour, DSA, Core CS, System Design, Data Engineering, Aptitude and Interview Preparation.

03/06One colour per track

Six subjects get six colours on each card’s edge, so every track is recognisable before you read its title, and the grid reads as six choices rather than one wall of text.

Trusted by thousands of engineers: two offset rows of testimonial cards that fade out at the edges, each with a name, role, quote and company logo, and a Hall of fame button.

04/06A wall, not a carousel

Two offset rows that fade at the edges show the volume of reviews at a glance. Each card carries a name, role and company logo, so the quote is attributable.

Built by engineers who understand the interview grind: a bento with the founder’s name and story, his photo, and cards for 1M+ subscribers, 200k+ members, 500k+ connections and 250k+ followers.

05/06Put a face on it

The founder’s story and his community numbers sit together in one bento, replacing the scattered stats block. The proof now has a person behind it.

Closing: a blue card reading Your next interview starts with what you do today with the same two buttons as the hero, above a four-column footer and coloured social icons.

06/06One ask to finish

The callback form is gone and the ending is one blue card with the same two buttons as the hero. The footer is regrouped into four clear columns.

What I’d test next

  1. 01Hero: a static dashboard screenshot against a short product video.
  2. 02Whether the colour-coded subject cards help people reach their track faster.
  3. 03Lead volume after removing the callback form: watch Contact Us clicks.

Design & Developed by Rohit aka Negativ