Contra — Add/Edit Project Redesign
Client: Contra
Role: Product / UI / UX Designer
Tools: Figma (prototype, flows)
Timeline: Aug 29, 2025 – Sep 1, 2025 (3 days)
Scope & Objective
Contra wanted to overhaul their “Add / Edit Project” interface to lower friction, boost conversion (i.e. more users successfully publishing projects), and improve usability overall.
The goal was not just to beautify the UI — but to streamline the flow, provide guidance, and reduce errors or drop-offs while users create or update a project.
Proposed Solutions & Features
During ideation, I proposed a number of design enhancements to address pain points:
Progress indicator / stepper
Introduce a visible progression bar so users can see where they are in the flow and how many steps remain.
Live preview mode
As users fill in project details or upload images, they see a real-time preview (thumbnail, title, header) — giving immediate feedback and reducing surprise after publishing.
Delete / replace cover image option
Allow users to remove or swap the cover image easily, avoiding frustration when they change their mind.
Merged header / metadata section
On the published view, unify project header and creator information so everything relevant is in one place, reducing visual clutter.
Tooltips, contextual dialogs, and micro-help
Add small hints and contextual help at potential friction points — helping users understand requirements or next steps without leaving the flow.
Outcome & Takeaways
Lauri is an exceptional product designer. He understands UX at the deepest level and has really help us improve some of our core flows. Hope to work together again soon!
— Ben Huffman, Contra
A cleaner, more transparent flow where users always know where they are (progress)
Reduced friction— users can preview changes, delete images, and feel confident before submitting
Better guidance via context-aware tips and dialogs
The redesign is ready for handoff to development, backed by detailed screens and a functioning prototype
This project reinforced that even small UI/UX tweaks — when focused on clarity, feedback, and error prevention — can greatly improve conversion and user satisfaction.
12 likes · 196 views · Sep 19, 2025
Redesigned the Create/Edit Project interface to improve usability. Created a progress stepper, live preview and contextual help etc. within 3 days.
Earned
$1.5K+
Timeline
Aug 29, 2025 - Sep 1, 2025
Tags
Collaborators
