Back to work

Fictional demo / Case study

Aster

Making a product idea easy to follow.

Next.js / React / TypeScript / Tailwind CSS

The idea

Aster is a fictional project-management product. Its landing page explores how to explain a software concept through a clear progression from the product idea to plans and common questions.

My contribution

I set the concept and presentation direction, then used AI coding tools to build and refine the implementation. My focus was the page’s story, hierarchy and interactive details while continuing to learn JavaScript.

Decisions that shaped it.

Design & implementation

  1. 01

    The dashboard preview gives an abstract workflow concept a concrete visual anchor.

  2. 02

    Pricing and FAQs sit within the same reading path so a visitor can understand the proposition before comparing plans.

  3. 03

    Interactive controls demonstrate frontend states; they do not imply an operational SaaS product or paying customers.

What’s there

  • Responsive navigation
  • Product dashboard presentation
  • Pricing interval control
  • Expandable FAQ answers

Outcome & boundaries

An implemented SaaS landing-page demo. The product, pricing and example activity are fictional, with no live account system or payment service represented.

Next project

Offset