Built with Framer

Becoming | Design & Framer Development

Thay C

A Minimalist Habit Tracker for Personal Growth

Overview

Becoming is a personal growth app designed to help users build better habits and routines—one small step at a time. With a vision rooted in self-improvement and simplicity, the goal was to craft a digital presence that mirrored the app’s purpose: clear, motivating, and distraction-free.

The Challenge

In a space crowded with noisy productivity tools, Becoming needed a website that would:
Stand out with clarity and calmness
Showcase its iOS-first approach
Explain features without overwhelming the user
Drive downloads and encourage engagement
It also had to be scalable and easy to maintain as the product evolves.

My role

Visual Identity & UI Design
Framer Development
Mobile-first Responsive Build
Conversion-oriented Layout with minimal characteristics
Lightweight animation

Design Philosophy

Simplicity by Design
The clean, airy layout reflects the app’s purpose: helping users focus. We avoided clutter, used generous whitespace, and leaned into a neutral color palette with green highlights—symbolizing growth and positivity.
A Calming UX
Typography is soft yet confident, allowing messaging to resonate without aggression. Small microinteractions—like card hover states and icon animations—add delight without stealing attention from the core call-to-action.
📱Device Context First
Since Becoming is iOS-first, the design prominently features the mobile interface in a realistic mockup, ensuring instant context and clarity about the product offering.

Framer Development

Fast, Flexible, and Future-Proof
Built entirely in Framer, the site is both lightning-fast and easily editable by the team. Components like “Features,” “Learn as you go,” and “Share your ideas” are modular, enabling quick iteration.
Responsive Perfection
We paid special attention to the mobile layout, ensuring seamless stacking, readable font sizes, and button accessibility across screen sizes.
Scalable Structure
Although the site is intentionally minimal now, we implemented it with a scalable structure in mind—ready to support testimonials, blog content, or a changelog in the future.

Featured on onepagelove.

Like this project

Posted Feb 2, 2024

Landing page for Becoming, an app that helps you become a better version of yourself.

Allas | Design & Framer Development
Allas | Design & Framer Development
Lauterborn Media
Lauterborn Media
Ask Wali: Web Design
Ask Wali: Web Design
Bilt Alliance Program | Design & Framer Development
Bilt Alliance Program | Design & Framer Development

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc