3 min read

Nox ⋅ 10 Months (2024 - Ongoing) ⋅ Remote, India

Nox ⋅ 10 Months (2024 - Ongoing) ⋅ Remote, India

Designing an app to hold you accountable

Designing an app to hold you accountable

Industry

Consumer Productivity, Social

Responsibilities

End-to-end UX & UI Design, Redesign, Landing Page Design

Role

Sole Product Designer

Team

2x Founders, 1x Bubble Developer

Overview

Nox is an app that keeps people and their friends accountable for their goals using optional real money and creative stakes, and a third-person verification system.

  • I joined to redesign the V1 version of their app which a freelance designer had designed. They had made the key flows based on the requirements of the founders.

  • Since then I've ensured to redesign the end-to-end experience of their app and launch their V2 version live under 6 months. And I recently designed a landing page plus developed it on Framer.

The challenge

The V1 design met the requirements but it showed design debt from a fast initial build, and limited consistency in the designs.

  • The app did not have a distinct visual style, that reflected it's identity

  • The UX was functional, but it had places for improvements

The design was overall functional, but it lacked polish in both experience and visuals.

My role & contributions

As the sole IC Product Designer I was responsible for:

  • End-to-end UX & UI Design of 24 core flows

  • Defining a visual style/aesthetic that can be used as a temporary brand for the app

  • Simplifying the key flows which are: Pact Creation, Pact Detail page, Home page

  • Creating a component library and a style guide that is compatible with Bubble Development

  • Designing and developing a landing page in Framer

Designing for constraints

This was a project with time and technical constraints:

  • The app being developed on Bubble, a no-code platform, lacked the power and capability to develop the app screens like how they look in Figma. Many effects, styles and layout could not be translated in Bubble.

  • Not so tight but a sturdy timeline to ship the V2 of the app under 6 months

  • Limited research on my end. I was grateful for the founders to get feedback from the users, which I used to back my designs along with the heuristic and app auditing that I had already done.

The outcome

  • The founders launched the V2 of the app with a launch party in Bangalore, under 6 months of my joining

  • 300 users onboarded and 1500 users sign up fro the waitlist.

  • Many people used real money stakes to stay accountable for their goals

  • A system was setup for the app in the Figma file which the founders usually referred to for their brainstorming and when making any new features

  • Redesigned their landing page and developed it in Framer, it is yet to go live on their main public link.

Key Screens

Few screens from the pact creations flow, the home page, and the pact detail page

The social and wallet page(s)

The landing page, developed in Framer. View here

Icons I designed for the App

Create a free website with Framer, the website builder loved by startups, designers and agencies.