Simple v2

Ground-up design for second generation marketing collaboration platform

Image alt tag

xxxxxxxxxx

xxxxxxxxxx

Context

xxxxxxxxxx

Background

xxxxxxxx.

Objective

xxxxxxxxxx.

Image alt tag

Team

Product designer
Developer
Product Manager

Image alt tag

Tools

Workshops
Whiteboarding
Pencil on paper
Sketch
Invision

Image alt tag

Deliverables

Wireframes
User & UI flow maps
Mid-fi prototype
Hi-fi prototype
Style guide

Image alt tag

Timeframe

xxxxxxxx

Research & planning

xxxxxxxxxxx

xxxxxxxxxxxxxx

(Pending): Simple v2

Personas & use cases

Image alt tag

xxxxxxx
xxx

xxxxxxxxxxxxx

xxxxxxxxxxxxx.

Image alt tag

xxxxxxx
xxx

xxxxxxxxxxxxx

xxxxxxxxxxxxx

Image alt tag

xxxxxxx
xxx

xxxxxxxxxxxxx

xxxxxxxxxxxxx

User flow map

This high-level process map shows key interaction points along the critical path.

(Pending): Simple v2

Scope of work

xxxxxxxxxxxxx

  • xxxxxxxxxxx xxxxxxxx

  • xxxxxxxxx xxxxxxxxxxx

Ideation
Conceptual sketches
Wireframes

Mid-fidelity design

xxxxxxxxxxxxxx

UI flow map

(Pending): Simple v2
Mid-fidelity screens

User testing results

Findings from user testing of the mid-fi prototype included:

  1. xxxxxxxxxxxxx xxxxxxxxxxx

  2. xxxxxxxxxxxxx xxxxxxxxxxx

High fidelity design

xxxxxxxxxx.

xxxxxxxxx

Styleguide

xxxxxxxxxxx.

(Pending): Simple v2
Prototype

UI flow map

xxxxxxxxxxxx

(Pending): Simple v2
Key screens

Design exploration

As with any design project, a variety of different visual and functional approaches were explored for various interface elements and interaction patterns. Here's a small selection....

Internal assets & markup
Outcomes

xxxxxxxxxxx

xxxxxxxxx

Key learnings

  • xxxxxxxxxx

  • xxxxxxxx

Next steps

xxxxxxxxxxxx