Design for Startups

D E S I G N F O R S TA R T U P SI M P E K A B L E - P E K P O N G PA E T

A B O U T I M P E K A B L E

I M P E K A B L E B E L I E V E S G R E AT P R O D U C T S A D A P T A N D C H A N G E W I T H T H E I R U S E R S .

W E B A L A N C E H U M A N - C E N T R I C D E S I G N VA L U E S W I T H D Y N A M I C P R O D U C T D E V E L O P M E N T.

Ideation Design Development

39M users

O U R E N T E R P R I S E C L I E N T S

I M P E K A B L E S TAT S

30 people

200+ projects

3.5 years

10 Fortune 500

100+ Clients

6 countries

O U T L I N E

• Requirements

• Deliverables

• Concepts

• Resources

R E Q U I R E M E N T S

R E Q U I R E M E N T S

• New or Existing Project?

• What do you need?

• Scope / timeline

• Audience, stakeholders

• Competition, examples, inspiration

• Requirements, wireframes*, existing files/resources

D E L I V E R A B L E S

Mostly grayscale UI design with focus on refining feature workflow

W I R E F R A M E SD E S I G N D E L I V E R A B L E S

W I R E F R A M E SD E S I G N D E L I V E R A B L E S

High fidelity UI designs to be implemented

V I S U A L D E S I G ND E S I G N D E L I V E R A B L E S

V I S U A L D E S I G N E X P L O R AT I O ND E S I G N D E L I V E R A B L E S

I N V I S I O N P R O T O T Y P ED E S I G N D E L I V E R A B L E S

Interactive prototype to review and provide feedback on design flows

• Go through prototype on web or mobile device

• Leave comments directly on design

Example: https://invis.io/4Y44VQI6G

Z E P L I ND E S I G N D E L I V E R A B L E S

Easy tool for designers to export assets and developers to receive design specs

Use desktop or web app

• Designers don’t need to spend hours or days speccing

• Specs are always up to date & ‘live’

• Developers don’t need to have or install design tools

Example: https://zpl.io/Z1tHGus

P R I N C I P L ED E S I G N D E L I V E R A B L E S

Create animations to illustrate transitions or interactions

Example:

C O N C E P T S

D E S I G N PAT T E R N SC O N C E P T S

F L O W SC O N C E P T S

O N B O A R D I N GC O N C E P T S

W A L K T H R O U G H SC O N C E P T S

I N T E R A C T I O N SC O N C E P T S

I N T E R A C T I O N SC O N C E P T S

E M P T Y S TAT EC O N C E P T S

E R R O R S TAT E SC O N C E P T S

R E S O U R C E S

P T T R N SR E S O U R C E S

B A L S A M I QR E S O U R C E S

D R I B B B L ER E S O U R C E S

B E H A N C ER E S O U R C E S

S K E T C H A P P R E S O U R C E SR E S O U R C E S

T H E N O U N P R O J E C TR E S O U R C E S

P R I N C I P L E R E P OR E S O U R C E S

Q & A A N D D I S C U S S I O N

I M P E K A B L E

Pek PongpaetManaging Partnerpek@impekable.com650.733.6006

Workshops at learn.impekable.com