Case study / React / Vite

Frankly Planner

A product website connecting daily intentions, task planning, and evening reflection.

Product website JK Dreaming portfolio

Frankly Planner the homepage screenshot
01 / Project viewThe homepage
Frankly Planner features screenshot
02 / Project viewFeatures
Frankly Planner workflow screenshot
03 / Project viewWorkflow

Drag a card to see what's behind it.

Project
Product website
Platform
React / Vite
Scope
Product storytelling, UX & development
Site detail
Daily planning features

01 / The brief

Show how a day fits together.

Frankly Planner combines daily intentions, Kanban tasks, calendar-aware planning, and evening reflection. Those features make more sense as a working routine than as an isolated list. The product site follows that routine from planning through review.

02 / The experience

Make each feature useful.

The feature page explains what the planning tools do in the context of a workday. Daily intentions, tasks, and the calendar each have a distinct job.

Daily planning features / Task workflow overview

Frankly Planner Features screenshot
Figure 01Features
Frankly Planner Workflow screenshot
Figure 02Workflow

03 / The details

Show the full loop.

The workflow page connects planning to execution and reflection. It lets a new visitor picture using the product before creating a workspace.

Task workflow overview / Product onboarding path

04 / Across screens

The same site on a smaller screen.

A look at how the project pages appear on mobile.

Frankly Planner The homepage screenshot
01The homepage
Frankly Planner Features screenshot
02Features
Frankly Planner Workflow screenshot
03Workflow

05 / In the experience

What the site covers

Feature explanations, a visible planning workflow, and a workspace-start route tell one connected product story.

  • 01Daily planning features
  • 02Task workflow overview
  • 03Product onboarding path

Your project / Next step

Have a project in mind?

Let’s talk about the site it needs.