Redesigning sloppy.io’s web app

Dashboard | sloppy.io’s redesigned web app

The Existing Web App

Old Designs of the Sloppy.io’ s Web App

My Role

My tasks

Challenges & Constraints

Problem Statement

Business Goals

User Pain Points

Existing design for “Create a Project screens” vs Improved Designs

Rationale for redesign

Ideation

User Flows

User Flows

Sketches — Pen & Paper

User Dashboard Sketches

Wireframes — Balsamiq App

Finalised User Dashboard Wireframe
Final wireframes of Account Pages & new Features like “Volumes”

Designs — Sketch App

UI style guide

Visual Designs

Create a New Project
Visual Design of the web app

Testing

Testing amongst the team

Deploy a new project using “clickstarter” feature

New Features Added

Billing & Subscriptions
Subscription & Updated Billing Screens
Update address & payment methods in Billing Screens
Team Overview Screens

Final Words

Results

Key Learnings

Things I could have done differently

--

--

--

👩🏽‍💻 Currently Converting research into solutions, creating thoughtful & unified interfaces & systems. 🔍 Also looking for a full-time job in Berlin.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

A Fresh Design Amartha P2P Lending

Top 5 Mobile App Designs of October 2019

TimeKeeper — My First UX Concept

“Our product is our protest” — Supporting Black Lives Matter through product design

Usability Study of Web Browsers Via Analysis of Brain Activity

What is Customer Experience (CX) Design?

Ananda — Yoga Beginner’s Guide

I’m a creative…I guess?!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store