Project Overview

Product

This project focuses on redesigning the Snapchat mobile app signup flow. Snapchat is a multimedia messaging app where users share photos, videos, and stories. The primary goal of this redesign was to create a simpler, faster, and more engaging signup experience, especially for new users.

Users

Young adults and teenagers (13–29 years old)

Product Type

Social media / messaging app

Problem

Through a detailed evaluation of Snapchat’s existing signup UI, I found a number of UX issues that could lead to user frustration and drop-offs. These included unclear progress indicators, minimal error feedback, inconsistent button states, and lack of personalization. These insights informed my redesign choices to create a smoother, more accessible, and user-guided signup journey

Goal
  • Make the signup flow short and intuitive

  • Introduce progressive disclosure (only show necessary fields per step)

  • Enable easy social login options (e.g., Google)

  • Enhance feedback during form filling (validation, success states)

  • Align design with Snapchat's fun and minimal visual brand

Research & Insights

User Behaviour Observations
  • Social login boosts completion rates significantly

  • Form abandonment is high when too many steps are shown at once

Design Process

Early Concepts
  • Paper sketches and wireframes explored ways to reduce the number of stps without losing essntial data

User Flow (Flow Decisions)
  • Introduced Google Sign Up for speed

  • Broke the form into clear steps: DOB > Email/Password > Verification > Username > Profile Photo

  • Added skip options and progress cues

Visual Design

  • Final design reflects Snapchat’s playful, clean aesthetic. Used bright yellow CTA buttons, minimal form fields, and clear feedback states.

Key Components
  • Text fields with inline validation

  • Clear CTA states (active/inactive)

  • Toggle between login/signup

  • Social login buttons with branded colors

Edge Cases Covered
  • Invalid email/password

  • Skip profile photo upload

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