Case study / React / Vite
Frankly Planner
A product website connecting daily intentions, task planning, and evening reflection.
Product website JK Dreaming portfolio



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


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.



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.