Redesigning a visually appealing web application for users' curated  polaroid pictures.

Project overview.

Redesign and rebrand PrintLoop.

PrintLoop is a photography web application which allows users to connect their Instagram account. From their attached account, PrintLoop sends users their Instagram photos each month in polaroid form. 


TEAM

ERIKA FRIEND

ROLE

UX/WEB DESIGNER

TOOLS USED

FIGMA

Research.

Old Version 

This is the old PrintLoop website.  Before starting my redesign, I did a heuristic analysis to see what improvements I could make. I also took some notes on what I found to be missing. 

Here were some of my findings:

I couldn't find these things, which I expected as a user to exist on this page:

  1. User navigation

  2. How it works/Onboarding (attaching my instagram account and changing details on my account if need be)

  3. The logo!!!

Aside from the missing features, the design itself was a little clunky - using different fonts, colors - there just wasn't any consistent branding for the site. I knew PrintLoop needed a design overhaul so that users could feel more connected to the brand, and also understand how PrintLoop works!

My Approach.

Find what works - improve and optimize those things. From there, design what needs to be added. 

Looking at some of the key mobile designs from the first iteration which the founder made, helped me to understand what needed to be improved - the mobile version seemed to have more brand consistency with the colors. 

As a user, I would describe the mobile and desktop versions as inconsistent, and a bit out-dated design-wise. Additionally, what does PrintLoop do? These were all problems I wanted to solve moving into my redesign. Keeping the blue loop logo, I started from there and created a new redesigned PrintLoop!

Original Homepage

Original User Profile

New Flow: Onboarding

New Flow: Onboarding

With the onboarding flow I created, users now had a sense of how the web application worked - I created these screens in desktop too! 

New Flow: Editing your profile

Users didn't have a way to clearly edit their profile previous to this redesign. These screens help the user to do just that!

Results.

Cleaner, consistent design with helpful navigation for the user across mobile and desktop! I also supplied the client with a starter design system.

This design is currently in development.

Please contact me for more PrintLoop designs.

Get in Touch!

© 2020 by Erika Friend