User Interface Design

The ProtoPie website renewal interface design for integrated user experience - inspiration, guidance, and credibility.

Group 179200.png

Overview & My Contribution

Key Feature

  • Main landing page

  • Discover page

  • User galleries

  • Learn & detail pages

  • Plans & detail pages

  • Plan comparison page

  • Education page

  • Solutions & detail pages

  • Support & FAQs

  • Blog templates & detail page

  • Brand campaign page

  • New feature page

  • Legal, Privacy page

  • Forms

  • Stick banners

  • 404 page

  • Cookie notification badge 

My Contribution

Led the project as a strategy & UX designer end to end and the on-going support

 

Provided oversight and quality-control for all project deliverables especially for strategy, UX & creative

 

Led team as a project manager to have balanced perspective between business strategy & reason of projects 

Results

Sign up funnel optimization

Adapt social sign-up to optimize convenience of sign-up/sign-in

Achieve 100% conversion ratio

Increase # of new users

All New, ProtoPie

I'm a paragraph. Click here to add your own text and edit me. It's easy.

Main page

Before

Hero: Product image

CTA Strategy: Download

Dark theme

After

Hero: Use the ProtoPie brand campaign video for increasing brand awareness

CTA Strategy: Try ProtoPie for free after Signup

White theme

Old-ProtoPie - home.jpg
PDS-Home.jpg

Learn Page

PDS-Learn.jpg
Before

Hero: Product image

CTA Strategy: Download

Dark theme

After

Hero: Use the ProtoPie brand campaign video for increasing brand awareness

CTA Strategy: Try ProtoPie for free after Signup

White theme

Wireframes

Clear picture of of how our primary users went about discovering prototyping tool. In order to get a better understanding of their behaviors and motivations, here are some research techniques I used for the redesign.

Learn Page

Wireframe - Learn.png

Plans Page

Wireframe - Plans.png

Final Deliverables

Main Landing Page

PDS-Home.jpg

Discover Page

PDS-Web discover.jpg

Learn Page

PDS-Learn.jpg

Plans

PDS-Web Plan.jpg

Individual Plan

PDS-Web indi.jpg

Team Plan

PDS-Web team.jpg

Enterprise Plan

PDS-Web enter.jpg