Web/App Proposal

Page 1

Tel. +12 789 789 987 Email: info@mydomain.com www.mydomain.com

UX/UI Usable Tech. managing web project Prepared for:

customer name 22 Symphony Street Texas +12 321 321 123, +12 789 789 987 info@yourcorporatedomain.com

22 Symphony Street Texas +12 321 321 123, +12 789 789 987 info@yourcorporatedomain.com

design UX trends


We are pleased to present you our proposal to prepare promotional

materials, web sites or graphic designs.

Introduction Proin nibh augue, suscipit a, scelerisque sed, lacinia

qui in ea voluptate velit esse quam nihil molestiae

in, mi. Cras vel lorem. Etiam pellentesque aliquet

consequatur, vel illum qui dolorem eum fugiat quo

tellus. Phasellus pharetra nulla ac diam. Quisque

voluptas nulla pariatur? Sed ut perspiciatis unde

semper justo at risus. Donec venenatis, turpis vel

omnis iste natus error sit voluptatem accusantium

hendrerit interdum, Lorem ipsum dolor sit amet,

doloremque laudantium, totam rem aperiam,

consectetur adipisicing elit. Proin nibh augue,

eaque ipsa quae ab illo inventore veritatis et quasi

suscipit a, scelerisque sed, lacinia in, mi. Cras vel

architecto beatae vitae dicta sunt explicabo. Nemo

lorem. Etiam pellentesque aliquet tellus. Phasellus

enim ipsam voluptatem quia voluptas sit asperna-

pharetra nulla ac diam.

tur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Quisque semper justo at risus. Donec venenatis,

Neque porro quisquam est, qui dolorem ipsum

turpis vel hendrerit Proin nibh augue, suscipit a,

quia dolor sit amet, consectetur, adipisci velit, sed

scelerisque sed, lacinia in, mi. Sed ut perspiciatis

quia non numquam eius modi tempora incidunt ut

unde omnis iste natus error sit voluptatem ac-

labore et dolore magnam aliquam quaerat volup-

cusantium doloremque laudantium, totam rem

tatem. Ut enim ad minima veniam, quis nostrum

aperiam, eaque ipsa quae ab illo inventore veritatis

exercitationem.

www.yourcorporatedomain.com

î‚? +00 00 123 456 789

et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit

Nemo enim ipsam voluptatem quia voluptas sit

aspernatur aut odit aut fugit, sed quia consequun-

aspernatur aut odit aut fugit, sed quia consequun-

tur magni dolores eos qui ratione voluptatem sequi

tur magni dolores eos qui ratione voluptatem sequi

nesciunt. Neque porro quisquam est, qui dolorem

nesciunt. Neque porro quisquam est, qui dolorem

ipsum quia dolor sit amet, consectetur, adipisci

ipsum quia dolor sit amet, consectetur, adipisci

velit, sed quia non numquam eius modi tempora

velit, sed quia non numquam eius modi tempora

incidunt ut labore et dolore magnam aliquam quae-

incidunt ut labore et dolore magnam aliquam

rat voluptatem. Ut enim ad minima veniam, quis

quaerat voluptatem.

nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi conse-



quatur? Quis autem vel eum iure reprehenderit

2


about us

note for our team ADAM DOE COMPANY PRESIDENT Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Cras vel lorem. Etiam pellentesque aliquet tellus. Proin nibh augue, suscipit a, scelerisque sed.

Proin nibh augue, suscipit a, scelerisque sed, lacinia

ipsum quia dolor sit amet, consectetur, adipisci

in, mi. Cras vel lorem. Etiam pellentesque aliquet

velit, sed quia non numquam eius modi tempora

tellus. Phasellus pharetra nulla ac diam. Quisque

incidunt ut labore et dolore magnam aliquam quae-

semper justo at risus. Donec venenatis, turpis vel

rat voluptatem. Ut enim ad minima veniam, quis

hendrerit interdum, Lorem ipsum dolor sit amet,

nostrum exercitationem ullam corporis suscipit

consectetur adipisicing elit. Proin nibh augue,

laboriosam, nisi ut aliquid ex ea commodi conse-

suscipit a, scelerisque sed, lacinia in, mi. Cras vel

quatur? Quis autem vel eum iure reprehenderit

lorem. Etiam pellentesque aliquet tellus. Phasellus

qui in ea voluptate velit esse quam nihil molestiae

pharetra nulla ac diam.

consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Sed ut perspiciatis unde

Agiat quo voluptas nulla pariatur? Sed ut perspi-

omnis iste natus error sit voluptatem accusantium

ciatis unde omnis iste natus error sit voluptatem

doloremque laudantium, totam rem aperiam,

accusantium doloremque laudantium, totam rem

eaque ipsa quae ab illo inventore veritatis et quasi

aperiam, eaque ipsa quae ab illo inventore veritatis

architecto beatae vitae dicta sunt explicabo.

et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem

3


Content Welcome

2

Team note

3

Part 1. Begining a Project

6

Before the start

7

Brickflow

8-9

Structuring a Brief

10-11

Part 2. Analysing Requirements

12-13

User Research

14-15

Content Strategy

16-17

Usability 18-19 Part 3. Design and Prototype

20-21

î‚? +00 00 123 456 789

Wireframing 22-25 Graphic Design

26-27

Initial Prototyping

28-29

Part 4. Construction and Testing

30-31

Content Managament

32

Time to Build

33

Time to Test

34-35

Part 5. Deployment and Evaluation

36-37

Preparing for Launch

38

Social Strategy

39



www.yourcorporatedomain.com

Measurement 40

4

What next?

41

Part 6. Prices and Therms

42

Payment Information

43


5


1. Begining a Project Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus.

6


Before Start

UNDERSTAND Quisque semper justo at risus. Donec

1. Quisque semper justo at risus. Donec venena-

venenatis, turpis vel hendrerit proin

tis, turpis vel hendrerit Proin nibh augue, suscipit

nibh augue, suscipit a, scelerisque sed.

a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt expli-

IDEATE Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

cabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

CREATE Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin

2. Neque porro quisquam est, qui dolorem ipsum

nibh augue, suscipit a, scelerisque sed.

quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat volup-

DEVEOLPE

tatem. Ut enim ad minima veniam, quis nostrum

Quisque semper justo at risus. Donec

exercitationem ullam corporis suscipit laboriosam,

venenatis, turpis vel hendrerit proin

nisi ut aliquid ex ea commodi consequatur? Quis

nibh augue, suscipit a, scelerisque sed.

autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

ROLL OUT Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

7


Begining a Project

brickFLOW Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.

1. Design UX process

Tov rotat

Proin nibh augue, suscipit a, scelerisque sed, lacinia

1. chose S 2. select o 3. chose R 4. rotate

PLANING

in, mi. Cras vel lorem. Etiam pellentesque aliquet

If you nee

tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel

ANALYSIS MAINTENENCE

hendrerit interdum, Lorem ipsum dolor sit amet,

Also you use Align all obiects

consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.

2. Finding what works

DESIGN TESTING IMPLEMENTATION

Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem î‚? +00 00 123 456 789

aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi

www.yourcorporatedomain.com

nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam.

3. Project Initiation Sed ut perspiciatis unde omnis iste natus error



sit voluptatem accusantium doloremque laudan-

8

1. open R 2. make c

conception Initiation analysis design construction testing production maintenance

To chang Selection change th -> Weight


tium, totam rem aperiam, eaque ipsa quae ab illo

6. Visual Design/Prototyping

inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem

Ut enim ad minima veniam, quis nostrum exercita-

quia voluptas sit aspernatur aut odit aut fugit, sed

tionem ullam corporis suscipit laboriosam, nisi ut

quia consequuntur magni dolores eos qui ratione

aliquid ex ea commodi consequatur? Quis autem

voluptatem sequi nesciunt. Neque porro quisquam

vel eum iure reprehenderit qui in ea voluptate

est, qui dolorem ipsum quia dolor sit amet, con-

velit esse quam nihil molestiae consequatur, vel

sectetur, adipisci velit, sed quia non numquam eius

illum qui dolorem eum fugiat quo voluptas. Neque

modi tempora incidunt ut labore et dolore magnam

porro quisquam est, qui dolorem ipsum quia dolor

aliquam. Neque porro quisquam est, qui dolorem

sit amet, consectetur, adipisci velit, sed quia non

ipsum quia dolor sit amet, consectetur, adipisci

numquam eius modi.

velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam.onsectetur,

7. Construct & Deploy

adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam.

4. Informtion Architecture

Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel

Nemo enim ipsam voluptatem quia voluptas sit

hendrerit interdum, Lorem ipsum dolor sit amet,

aspernatur aut odit aut fugit, sed quia consequun-

consectetur adipisicing elit. Proin nibh augue, sus-

tur magni dolores eos qui ratione voluptatem sequi

cipit a, scelerisque sed, lacinia in, mi.

nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci

8. Evaluate

velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam

Quisque semper justo at risus. Donec venenatis,

quaerat voluptatem. onsectetur, adipisci velit, sed

turpis vel hendrerit Proin nibh augue, suscipit a,

quia non numquam eius modi tempora incidunt ut

scelerisque sed, lacinia in, mi. Sed ut perspiciatis

labore et dolore magnam.

unde omnis iste natus error sit voluptatem ac-

5. Experiance Design

cusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.

Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a,

9. Certyfications

scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem ac-

Sed ut perspiciatis unde omnis iste natus error

cusantium doloremque laudantium, totam rem

sit voluptatem accusantium doloremque laudan-

aperiam, eaque ipsa quae ab illo inventore veritatis

tium, totam rem aperiam, eaque ipsa quae ab illo

et quasi architecto beatae vitae dicta sunt expli-

inventore veritatis et quasi architecto beatae vitae

cabo. Nemo enim ipsam voluptatem quia voluptas

dicta sunt explicabo. Nemo enim ipsam voluptatem

sit aspernatur aut odit aut fugit, sed quia conse-

quia voluptas sit aspernatur aut odit aut fugit, sed

quuntur magni dolores eos qui ratione voluptatem

quia consequuntur magni dolores eos qui ratione

sequi nesciunt.

voluptatem sequi nesciunt.

9


Begining a Project

Structuring a Brief Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.

1. Design UX process

scelerisque sed, lacinia in, mi. Sed ut perspiciatis

www.yourcorporatedomain.com

î‚? +00 00 123 456 789

unde omnis iste natus error sit voluptatem acProin nibh augue, suscipit a, scelerisque sed, lacinia

cusantium doloremque laudantium, totam rem

in, mi. Cras vel lorem. Etiam pellentesque aliquet

aperiam, eaque ipsa quae ab illo inventore veritatis

tellus. Phasellus pharetra nulla ac diam. Quisque

et quasi architecto beatae vitae dicta sunt explica-

semper justo at risus. Donec venenatis, turpis vel

bo. Nemo enim ipsam voluptatem quia voluptas sit

hendrerit interdum, Lorem ipsum dolor sit amet,

aspernatur aut odit aut fugit, sed quia consequun-

consectetur adipisicing elit. Proin nibh augue,

tur magni dolores eos qui ratione voluptatem sequi

suscipit a, scelerisque sed, lacinia in, mi. Cras vel

nesciunt. Neque porro quisquam est, qui dolorem

lorem. Etiam pellentesque aliquet tellus. Phasellus

ipsum quia dolor sit amet, consectetur, adipisci

pharetra nulla ac diam.

velit, sed quia non numquam eius modi tempora

2. Finding what works

incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis



nostrum exercitationem ullam corporis suscipit

10

Quisque semper justo at risus. Donec venenatis,

laboriosam, nisi ut aliquid ex ea commodi conse-

turpis vel hendrerit Proin nibh augue, suscipit a,

quatur? Quis autem ve.


3. Project Initiation Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem

velit, sed quia non numquam eius modi tempora

quia voluptas sit aspernatur aut odit aut fugit, sed

incidunt ut labore et dolore magnam aliquam

quia consequuntur magni dolores eos qui ratione

quaerat voluptatem.

voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, con-

5. Experiance Design

sectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam

Quisque semper justo at risus. Donec venenatis,

aliquam.

turpis vel hendrerit Proin nibh augue, suscipit a,

4. Informtion Architecture

scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem

Nemo enim ipsam voluptatem quia voluptas sit

aperiam, eaque ipsa quae ab illo inventore veritatis

aspernatur aut odit aut fugit, sed quia consequun-

et quasi architecto beatae vitae dicta sunt explica-

tur magni dolores eos qui ratione voluptatem sequi

bo. Nemo enim ipsam voluptatem quia voluptas sit

nesciunt. Neque porro quisquam est, qui dolorem

aspernatur aut odit aut fugit, sed quia consequun-

ipsum quia dolor sit amet, consectetur, adipisci

tur magni dolores eos qui ratione.

11


2. Analysing Requirements Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.

12


1. Quisque semper justo at risus. Donec venena-

accusantium doloremque laudantium, totam rem

tis, turpis vel hendrerit Proin nibh augue, suscipit

aperiam, eaque ipsa quae ab illo inventore veritatis

a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis

et quasi architecto beatae vitae dicta sunt expli-

unde omnis iste natus error sit voluptatem ac-

cabo. Nemo enim ipsam voluptatem quia voluptas

cusantium doloremque laudantium, totam rem

sit aspernatur aut odit aut fugit, sed quia conse-

aperiam, eaque ipsa quae ab illo inventore veritatis

quuntur magni dolores eos qui ratione voluptatem

et quasi architecto beatae vitae dicta sunt expli-

sequi nesciunt.

cabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia conse-

3. Que porro quisquam est, qui dolorem ipsum

quuntur magni dolores eos qui ratione voluptatem

quia dolor sit amet, consectetur, adipisci velit, sed

sequi nesciunt.

quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat volup-

2. Neque porro quisquam est, qui dolorem ipsum

tatem. Ut enim ad minima veniam, quis nostrum

quia dolor sit amet, consectetur, adipisci velit, sed

exercitationem ullam corporis suscipit laboriosam,

quia non numquam eius modi tempora incidunt

nisi ut aliquid ex ea commodi consequatur? Quis

ut labore et dolore magnam aliquam quaerat

autem vel eum iure reprehenderit qui in ea volup-

voluptatem. Ut enim ad minima veniam, quis

tate velit esse quam.

nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi conse-

4. Sed ut perspiciatis unde omnis iste natus error

quatur? Quis autem vel eum iure reprehenderit qui

sit voluptatem accusantium doloremque laudan-

in ea voluptate velit esse quam nihil m et dolore

tium, totam rem aperiam, eaque ipsa quae ab illo

magnam aliquam quaerat voluptatem. Ut enim ad

inventore veritatis et quasi architecto beatae vitae

minima veniam, quis nostrum exercitationem ullam

dicta sunt explicabo. Nemo enim ipsam voluptatem

corporis suscipit laboriosam, nisi ut aliquid ex ea

quia voluptas sit aspernatur aut odit aut fugit, sed

commodi consequatur? Quis autem vel eum iure

quia consequuntur magni.

reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Sed ut perspiciatis unde omnis iste natus error sit voluptatem

13


Analysing Requirements

user research Question of Details

pharetra nulla ac diam. Quisque semper justo at



www.yourcorporatedomain.com

î‚? +00 00 123 456 789

risus. Donec venenatis, turpis vel hendrerit Proin

14

Proin nibh augue, suscipit a, scelerisque sed, lacinia

nibh augue, suscipit a, scelerisque sed, lacinia in,

in, mi. Cras vel lorem. Etiam pellentesque aliquet

mi. Sed ut perspiciatis unde omnis iste natus error

tellus. Phasellus pharetra nulla ac diam. Quisque

sit voluptatem accusantium doloremque laudan-

semper justo at risus. Donec venenatis, turpis vel

tium, totam rem aperiam, eaque ipsa quae ab illo

hendrerit interdum, Lorem ipsum dolor sit amet,

inventore veritatis et quasi architecto beatae vitae

consectetur adipisicing elit. Proin nibh augue,

dicta sunt explicabo. Nemo enim ipsam voluptatem

suscipit a, scelerisque sed, lacinia in, mi. Cras vel

quia voluptas sit aspernatur aut odit aut fugit, sed

lorem. Etiam pellentesque aliquet tellus. Phasellus

quia consequuntur magni dolores eos qui ratione


User want User needs www/app Content

Familiar navigaton, easy learn about location

Greate looking shop products, search engine, low pries

Ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Clear and Easy navigaton

Proffesional Photos Clear information Price Information Peymant method

Ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

One click navigation from mani page to other pages

Product Category Product Page Shop card

Ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Registration Bank connection PayPal connection

Ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

voluptatem sequi nesciunt. Neque porro quisquam

dicta sunt explicabo. Nemo enim ipsam voluptatem

est, qui dolorem ipsum quia dolor sit amet, con-

quia voluptas sit aspernatur aut odit aut fugit, sed

sectetur, adipisci velit, sed quia non numquam

quia consequuntur magni dolores eos qui ratione

eius modi tempora incidunt ut labore et dolore

voluptatem sequi nesciunt. Neque porro quisquam

magnam aliquam quaerat voluptatem. Ut enim ad

est, qui dolorem ipsum quia dolor sit amet, con-

minima veniam, quis nostrum exercitationem ullam

sectetur, adipisci velit, sed quia non numquam eius

corporis suscipit laboriosam, nisi ut aliquid ex ea

modi tempora incidunt ut labore et dolore mag-

commodi consequatur? Quis autem ve.

nam aliquam. Nemo enim ipsam voluptatem quia

Maping to Cotent and funcionality

voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consecte-

Sed ut perspiciatis unde omnis iste natus error

tur.Quisque semper justo at risus. Donec venenatis,

sit voluptatem accusantium doloremque laudan-

turpis vel hendrerit Proin nibh augue, suscipit a,

tium, totam rem aperiam, eaque ipsa quae ab illo

scelerisque sed, lacinia in, mi. Sed ut perspiciatis

inventore veritatis et quasi architecto beatae vitae

unde omnis iste natus error sit voluptatem.

15


Analysing Requirements

content strategy 1. Design UX process

sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo

Proin nibh augue, suscipit a, scelerisque sed, lacinia

inventore veritatis et quasi architecto beatae vitae

in, mi. Cras vel lorem. Etiam pellentesque aliquet

dicta sunt explicabo. Nemo enim ipsam voluptatem

tellus. Phasellus pharetra nulla ac diam. Quisque

quia voluptas sit aspernatur aut odit aut fugit, sed

semper justo at risus. Donec venenatis, turpis vel

quia consequuntur magni dolores eos qui ratione

hendrerit interdum, Lorem ipsum dolor sit amet,

voluptatem sequi nesciunt. Neque porro quisquam

consectetur adipisicing elit. Proin nibh augue,

est, qui dolorem ipsum quia dolor sit amet, con-

suscipit a, scelerisque sed, lacinia in, mi. Cras vel

sectetur, adipisci velit, sed quia non numquam eius

lorem. Etiam pellentesque aliquet tellus. Phasellus

modi tempora incidunt ut labore et dolore magnam

pharetra nulla ac diam.

aliquam.

2. Finding what works

4. Informtion Architecture

Quisque semper justo at risus. Donec venenatis,

Nemo enim ipsam voluptatem quia voluptas sit

turpis vel hendrerit Proin nibh augue, suscipit a,

aspernatur aut odit aut fugit, sed quia consequun-

scelerisque sed, lacinia in, mi. Sed ut perspiciatis

tur magni dolores eos qui ratione voluptatem sequi

unde omnis iste natus error sit voluptatem ac-

nesciunt. Neque porro quisquam est, qui dolorem

cusantium doloremque laudantium, totam rem

ipsum quia dolor sit amet, consectetur, adipisci

aperiam, eaque ipsa quae ab illo inventore veritatis

velit, sed quia non numquam eius modi tempora

et quasi architecto beatae vitae dicta sunt explica-

incidunt ut labore et dolore magnam aliquam

bo. Nemo enim ipsam voluptatem quia voluptas sit

quaerat voluptatem.

aspernatur aut odit aut fugit, sed quia consequunî‚? +00 00 123 456 789

tur magni dolores eos qui ratione voluptatem sequi

5. Experiance Design

www.yourcorporatedomain.com

nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci

Quisque semper justo at risus. Donec venenatis,

velit, sed quia non numquam eius modi tempora

turpis vel hendrerit Proin nibh augue, suscipit a,

incidunt ut labore et dolore magnam aliquam quae-

scelerisque sed, lacinia in, mi. Sed ut perspiciatis

rat voluptatem. Ut enim ad minima veniam, quis

unde omnis iste natus error sit voluptatem ac-

nostrum exercitationem ullam corporis suscipit

cusantium doloremque laudantium, totam rem

laboriosam, nisi ut aliquid ex ea commodi conse-

aperiam, eaque ipsa quae ab illo inventore veritatis

quatur? Quis autem ve.

et quasi architecto beatae vitae dicta sunt explica-

3. Project Initiation

bo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi



Sed ut perspiciatis unde omnis iste natus error

16

nesciunt. Neque porro quisquam est, qui dolorem


ipsum quia dolor sit amet, consectetur, adipisci

hendrerit interdum, Lorem ipsum dolor sit amet,

velit, sed quia non numquam eius modi tempora

consectetur adipisicing elit. Proin nibh augue,

incidunt ut labore et dolore magnam aliquam

suscipit a, scelerisque sed, lacinia in, mi. Cras vel

quaerat voluptatem.

lorem. Etiam pellentesque aliquet tellus. Phasellus

6. Visual Design/Prototyping

pharetra nulla ac diam.

8. Evaluate

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut

Quisque semper justo at risus. Donec venenatis,

aliquid ex ea commodi consequatur? Quis autem

turpis vel hendrerit Proin nibh augue, suscipit a,

vel eum iure reprehenderit qui in ea voluptate velit

scelerisque sed, lacinia in, mi. Sed ut perspiciatis

esse quam nihil molestiae consequatur, vel illum

unde omnis iste natus error sit voluptatem ac-

qui dolorem eum fugiat quo voluptas.

cusantium doloremque laudantium, totam rem

7. Construct & Deploy

aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit

Proin nibh augue, suscipit a, scelerisque sed, lacinia

aspernatur aut odit aut fugit, sed quia consequun-

in, mi. Cras vel lorem. Etiam pellentesque aliquet

tur magni dolores eos qui ratione voluptatem sequi

tellus. Phasellus pharetra nulla ac diam. Quisque

nesciunt. Neque porro quisquam est, qui dolorem

semper justo at risus. Donec venenatis, turpis vel

ipsum quia dolor sit amet, consectetur.

17


Analysing Requirements

usability

Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.

EFICIENCY

VISUAL CLARITY

ERROR PREVENTION

USABILITY

î‚? +00 00 123 456 789

NAVIGATION

FAMILIARITY

LEARNABILITY

The Importance of Usability Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet

www.yourcorporatedomain.com

tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut



fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

18


1. Navigation

ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora

Proin nibh augue, suscipit a, scelerisque sed, lacinia

incidunt ut labore et dolore magnam aliquam

in, mi. Cras vel lorem. Etiam pellentesque aliquet

quaerat voluptatem.

tellus. Phasellus pharetra nulla ac diam. ^Quisque ^ semper justo at risus,

5. Feedback

^Donec ^ venenatis, turpis vel, ^hendrerit ^ interdum,

Quisque semper justo at risus. Donec venenatis,

^Lorem ^ ipsum dolor sit amet,

turpis vel hendrerit Proin nibh augue, suscipit a,

^consectetur ^ adipisicing eli,

scelerisque sed, lacinia in, mi. Sed ut perspiciatis

^Proin ^ nibh augue, suscipit.

unde omnis iste natus error sit voluptatem ac-

2. Familiary

cusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt expli-

Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis

cabo. Nemo enim ipsam.

6. Visual Clearity

unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem

Ut enim ad minima veniam, quis nostrum exercita-

aperiam, eaque ipsa quae ab illo

tionem ullam corporis suscipit laboriosam, nisi ut

^Inventore ^ veritatis et quasi architecto beatae vitae dicta sunt explicabo, ^Nemo ^ enim ipsam voluptatem.

3. Consistency

aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas.

7. Flexibility

Sed ut perspiciatis unde omnis iste natus error sit voluptate m accusantium doloremque laudan-

Proin nibh augue, suscipit a, scelerisque sed, lacinia

tium, totam rem aperiam, eaque ipsa quae ab illo

in, mi. Cras vel lorem. Etiam pellentesque aliquet

inventore veritatis et quasi architecto beatae vitae

tellus. Phasellus pharetra nulla ac diam.

dicta sunt explicabo. Nemo enim ipsam voluptatem

^Quisque ^ semper justo at risus,

quia voluptas sit aspernatur aut odit aut fugit, sed

^Donec ^ venenatis, turpis vel hendrerit interdum,

quia consequuntur magni dolores eos qui ratione

^Consectetur ^ adipisicing elit.

voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, con-

8. Efficiency

sectetur, adipisci velit, sed.

4. Error Prevention

Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis

Nemo enim ipsam voluptatem quia voluptas sit

unde omnis iste natus error sit voluptatem ac-

aspernatur aut odit aut fugit, sed quia consequun-

cusantium doloremque laudantium, totam rem

tur magni dolores eos qui ratione voluptatem sequi

aperiam, eaque ipsa quae ab illo inventore veritatis

nesciunt. Neque porro quisquam est, qui dolorem

et quasi architecto beatae vitae dicta.

19


3. design and prototype Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.

20


Why Prototype? 1. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem

LOGO

aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. 2. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur.

21


design and prototype

wireframing Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.

î‚? +00 00 123 456 789

LOGO

LOGO

LOGO

The Importance of Usability Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet

www.yourcorporatedomain.com

tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut



fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

22


LOGO

LOGO

LOGO

LOGO

Home Screen

Sing In

Sing Up

Navigation

Quisque semper justo at

Quisque semper justo at

Quisque semper justo at

Quisque semper justo at

risus. Donec venenatis, tur-

risus. Donec venenatis, tur-

risus. Donec venenatis, tur-

risus. Donec venenatis, tur-

pis vel hendrerit proin nibh

pis vel hendrerit proin nibh

pis vel hendrerit proin nibh

pis vel hendrerit proin nibh

augue, suscipit a, scelerisque

augue, suscipit a, scelerisque

augue, suscipit a, scelerisque

augue, suscipit a, scelerisque

sed, lacinia in, mi.

sed, lacinia in, mi.

sed, lacinia in, mi.

sed, lacinia in, mi.

LOGO

LOGO

LOGO

LOGO

Calendar

Album

Contact

Map

Quisque semper justo at

Quisque semper justo at

Quisque semper justo at

Quisque semper justo at

risus. Donec venenatis, tur-

risus. Donec venenatis, tur-

risus. Donec venenatis, tur-

risus. Donec venenatis, tur-

pis vel hendrerit proin nibh

pis vel hendrerit proin nibh

pis vel hendrerit proin nibh

pis vel hendrerit proin nibh

augue, suscipit a, scelerisque

augue, suscipit a, scelerisque

augue, suscipit a, scelerisque

augue, suscipit a, scelerisque

sed, lacinia in, mi.

sed, lacinia in, mi.

sed, lacinia in, mi.

sed, lacinia in, mi.

23


design and prototype

wireframing Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.

LOGO

LOGO

î‚? +00 00 123 456 789

Home Screen Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi.

www.yourcorporatedomain.com

The Importance of Usability Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, sceleris-



que sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.

24


LOGO

Home Screen Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

LOGO

Home Screen Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

LOGO

Home Screen Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

LOGO

Home Screen Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

25


design and prototype

graphic design Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.

î‚? +00 00 123 456 789

Home Screen Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi.

www.yourcorporatedomain.com

The Importance of Usability Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, sceleris-



que sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.

26


Home Screen Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

Section Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

Section Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

Gallery Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

Footer Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

27


design and prototype

Initial Prototyping Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.

PROTOTYPE

î‚? +00 00 123 456 789

REFINE

www.yourcorporatedomain.com

The Importance of Usability

REVIEW

suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus

Proin nibh augue, suscipit a, scelerisque sed, lacinia

pharetra nulla ac diam. Quisque semper justo at

in, mi. Cras vel lorem. Etiam pellentesque aliquet

risus. Donec venenatis, turpis vel hendrerit Proin

tellus. Phasellus pharetra nulla ac diam. Quisque

nibh augue, suscipit a, scelerisque sed, lacinia in,

semper justo at risus. Donec venenatis, turpis vel

mi. Sed ut perspiciatis unde omnis iste natus error

hendrerit interdum, Lorem ipsum dolor sit amet,

sit voluptatem.



consectetur adipisicing elit. Proin nibh augue,

28


1. Prototype

cusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo

Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni

^Inventore ^ veritatis et quasi architecto beatae vitae dicta sunt explicabo, ^Nemo ^ enim ipsam voluptatem.

3. Refine

dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum

Sed ut perspiciatis unde omnis iste natus error sit

quia dolor sit amet, consectetur, adipisci velit, sed

voluptate m accusantium doloremque laudantium,

quia non numquam eius modi tempora incidunt ut

totam rem aperiam, eaque ipsa quae ab illo inven-

labore et dolore magnam aliquam quaerat volup-

tore veritatis et quasi architecto beatae vitae dicta

tatem.

sunt explicabo. Nemo enim ipsam voluptatem quia

^Quisque ^ semper justo at risus,

voluptas sit aspernatur aut odit aut fugit, sed quia

^Donec ^ venenatis, turpis vel,

consequuntur.

^hendrerit ^ interdum,

Cycles

^Lorem ^ ipsum dolor sit amet, ^consectetur ^ adipisicing eli,

Nemo enim ipsam voluptatem quia voluptas sit

^Proin ^ nibh augue, suscipit.

aspernatur aut odit aut fugit, sed quia consequun-

2. Review

tur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem

Quisque semper justo at risus. Donec venenatis,

ipsum quia dolor sit amet, consectetur, adipisci

turpis vel hendrerit Proin nibh augue, suscipit a,

velit, sed quia non numquam eius modi tempora

scelerisque sed, lacinia in, mi. Sed ut perspiciatis

incidunt ut labore et dolore magnam aliquam

unde omnis iste natus error sit voluptatem ac-

quaerat voluptatem. Tov rotate elements 1. chose Selection Tools (V) 2. select obiect 3. chose Rotate Tools (R) 4. rotate obiect in center pivot

The Importance of Usability

DEMONSTRATE

Proin nibh augue, suscipit a, scelerisque sed, lacinia If you need more elements

LO

you Donec can duplicate elements and vel semper justo atAlso risus. venenatis, turpis use Align tools to center position of

hendrerit interdum, Lorem ipsum dolor sit amet, all obiects.

INE

VE DE

Prototype Cycles

make copynulla of selected elements tellus. Phasellus2.pharetra ac diam. Quisque

REF

P

in, mi. Cras vel lorem. EtiamTools pellentesque aliquet 1. open Rotate (R)

consectetur adipisicing Proin nibh To change elit. Weight Stroke use augue, Direct

Selectionsed, Toolslacinia (A) select and vel suscipit a, scelerisque in,arrows mi. Cras change the Strokes in Stroke Panel

-> Weight lorem. Etiam pellentesque aliquet tellus. Phasellus

pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed,.

29


4. construction and testing Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit.

The Importance of Testing Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur . Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi Beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur . Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi eum fu.

30


Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione.

31


Construction and Testing

Content Managament What is content? Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus.

What is content management? Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, sceleris-



www.yourcorporatedomain.com

î‚? +00 00 123 456 789

que sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.

32

Web Content Management System (WCMS)

Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a.

Digital Asset Management System (DAM)

Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.

Document Management System (DMS)

Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi.

Enterprise Content Management System (ECM)

Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.

Component Content Management (CCMS), also known as XML Content Management (XML CMS)

Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia.


Construction and Testing

Time to Build Start Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra

2018.10.01 - 2018.10.15 Web Content Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit

2018.10.01 - 2018.10.30 Digital Content Quisque semper justo at risus. Donec

a, scelerisque sed, lacinia in, mi. Cras vel

venenatis, turpis vel hendrerit proin

lorem. Etiam pellentesque aliquet tellus.

nibh augue, suscipit a, scelerisque sed.

2018.10.15 - 2018.11.15 Front End Develop Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin 2018.11.15 - 2018.11.22

nibh augue, suscipit a, scelerisque sed.

Analysing Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

2018.10.15 - 2018.12.01 Back End Develop Quisque semper justo at risus. Donec 2018.12.01 - 2018.12.07

venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

Analysing Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed. 2018.12.15 Start Close Testing Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit proin nibh augue, suscipit a, scelerisque sed.

33


Construction and Testing



www.yourcorporatedomain.com

î‚? +00 00 123 456 789

beta tests

34

2018.10.01 - 2018.10.15

2018.10.01 - 2018.10.30

2018.10.15 - 2018.11.15

Beta Tests

Preparing for Launch

Analysis & Corrections

Quisque semper justo at risus. Donec

Quisque semper justo at risus. Donec

Quisque semper justo at risus. Donec

venenatis, turpis vel hendrerit proin

venenatis, turpis vel hendrerit proin

venenatis, turpis vel hendrerit proin

nibh augue, suscipit a, scelerisque sed.

nibh augue, suscipit a, scelerisque sed.

nibh augue, suscipit a, scelerisque sed.

2018.11.15 - 2018.11.22

2018.10.15 - 2018.12.01

2018.10.15 - 2018.11.15

Open Beta

Analysis & Corrections

Finish

Quisque semper justo at risus. Donec

Quisque semper justo at risus. Donec

Quisque semper justo at risus. Donec

venenatis, turpis vel hendrerit proin

venenatis, turpis vel hendrerit proin

venenatis, turpis vel hendrerit proin

nibh augue, suscipit a, scelerisque sed.

nibh augue, suscipit a, scelerisque sed.

nibh augue, suscipit a, scelerisque sed.

Start Testing

Etiam pellentesque aliquet tellus. Cras vel lorem.

Proin nibh augue, suscipit a, scelerisque sed, lacinia

Etiam pellentesque aliquet tellus. Phasellus phare-

in, mi. Cras vel lorem. Etiam pellentesque aliquet

tra nulla ac diam. Quisque semper justo at risus.

tellus. Phasellus pharetra nulla ac diam. Quisque

Donec venenatis, turpis vel hendrerit interdum,

semper justo at risus. Donec venenatis, turpis vel

Lorem ipsum dolor sit amet, consectetur adipisicing

hendrerit interdum, Lorem ipsum dolor sit amet,

elit. Proin nibh augue, suscipit a, scelerisque sed,

consectetur adipisicing elit. Proin nibh augue, sus-

lacinia in, mi. Cras vel lorem. Etiam pellentesque

cipit a, scelerisque sed, lacinia in, mi. Cras vel lorem.

aliquet tellus.


Testing

nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error

Proin nibh augue, suscipit a, scelerisque sed, lacinia

sit voluptatem. Phasellus pharetra nulla ac diam.

in, mi. Cras vel lorem. Etiam pellentesque aliquet

Quisque semper justo at risus. Donec venenatis,

tellus. Phasellus pharetra nulla ac diam. Quisque

turpis vel hendrerit Proin nibh augue, suscipit a,

semper justo at risus. Donec venenatis, turpis vel

scelerisque sed, lacinia in, mi. Sed ut perspiciatis

hendrerit interdum, Lorem ipsum dolor sit amet,

unde omnis iste natus error sit voluptatem.

consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem.

Conclusions

Etiam pellentesque aliquet tellus. Proin nibh augue, suscipit a, scelerisque sed, lacinia

Analysis

in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque

Proin nibh augue, suscipit a, scelerisque sed, lacinia

semper justo at risus. Donec venenatis, turpis vel

in, mi. Cras vel lorem. Etiam pellentesque aliquet

hendrerit interdum, Lorem ipsum dolor sit amet,

tellus. Phasellus pharetra nulla ac diam. Quisque

consectetur adipisicing elit. Proin nibh augue,

semper justo at risus. Donec venenatis, turpis vel

suscipit a, scelerisque sed, lacinia in, mi. Cras vel

hendrerit interdum, Lorem ipsum dolor sit amet,

lorem. Etiam pellentesque aliquet tellus. Phasellus

consectetur adipisicing elit. Proin nibh augue,

pharetra nulla ac diam. Quisque semper justo at

suscipit a, scelerisque sed, lacinia in, mi. Cras vel

risus. Donec venenatis, turpis vel hendrerit Proin

lorem. Etiam pellentesque aliquet tellus. Phasellus

nibh augue, suscipit a, scelerisque sed, lacinia in,

pharetra nulla ac diam. Quisque semper justo at

mi. Sed ut perspiciatis unde omnis iste natus error

risus. Donec venenatis, turpis vel hendrerit Proin

sit voluptatem.

1.

Beta Testing

Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a.

01.05.2019

2.

Analysis and Correction

Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.

01.05.2019

3.

Open Tests

Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi.

01.05.2019

4.

Analysis and Correction

Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.

01.05.2019

5.

Lunching

Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia.

01.05.2019

6.

Analysis and Correction

Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.

01.05.2019

35


5. Deployment and Evaluation Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. 1. Quisque semper justo at risus. Donec venenatis,

nisi ut aliquid ex ea commodi consequatur? Quis

turpis vel hendrerit Proin nibh augue, suscipit a,

autem vel eum iure reprehenderit qui in ea volup-

scelerisque sed, lacinia in, mi. Sed ut perspiciatis

tate velit esse quam nihil molestiae consequatur,

unde omnis iste natus error sit voluptatem ac-

vel illum qui dolorem eum fugiat quo voluptas nulla

cusantium doloremque laudantium, totam rem

pariatur? Sed ut perspiciatis unde omnis iste natus

aperiam, eaque ipsa quae ab illo inventore veritatis

error sit voluptatem accusantium doloremque

et quasi architecto beatae vitae dicta sunt expli-

laudantium, totam rem aperiam, eaque ipsa quae

cabo. Nemo enim ipsam voluptatem quia voluptas

ab illo inventore veritatis et quasi architecto beatae

sit aspernatur aut odit aut fugit, sed quia conse-

vitae dicta sunt explicabo. Nemo enim ipsam vo-

quuntur magni dolores eos qui ratione voluptatem

luptatem quia voluptas sit aspernatur . Ut enim ad

sequi nesciunt.

minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea

2. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam,

36

commodi


37


Deployment and Evaluation

Preparing for Launch

www.yourcorporatedomain.com

î‚? +00 00 123 456 789

Web Content Management System (WCMS)

Digital Asset Management System (DAM)

Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde omnis iste.

Document Management System (DMS)

Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi.



Enterprise Content Management System (ECM)

38

Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus.

Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut persp.

When launch? Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit.


Deployment and Evaluation

Social Strategy

Promotion Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus.

Social Media

ADS

^^Proin nibh augue, suscipit a, scelerisque

^^Proin nibh augue, suscipit a, scelerisque

^^Etiam pellentesque aliquet tellus

^^Etiam pellentesque aliquet tellus

^^Quisque semper justo at risus. Cras vel lorem

^^Quisque semper justo at risus. Cras vel lorem

^^Nibh augue, suscipit a, scelerisque sed.

^^Nibh augue, suscipit a, scelerisque sed.

^^Cras vel lorem. Etiam pellentesque aliquet tell.

Discussion Forums

Whisper Marketing

^^Proin nibh augue, suscipit a, scelerisque

^^Proin nibh augue, suscipit a, scelerisque

^^Etiam pellentesque aliquet tellus

^^Etiam pellentesque aliquet tellus

^^Quisque semper justo at risus. Cras vel lorem

^^Quisque semper justo at risus. Cras vel lorem

^^Nibh augue, suscipit a, scelerisque sed.

^^Nibh augue, suscipit a, scelerisque sed.

^^Cras vel lorem. Etiam pellentesque aliquet tell.

^^Cras vel lorem. Etiam pellentesque aliquet tell.

39


Deployment and Evaluation

Measurement Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.

Promotion

MEASUR EB

Proin nibh augue, suscipit a, scelerisque sed, lacinia

E OR EF

in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, sus-

MA

cipit a, scelerisque.

KE

CH

AN

GE S

MEASURE AFTER

î‚? +00 00 123 456 789

Social Media Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel

www.yourcorporatedomain.com

hendrerit interdum, Lorem ipsum dolor sit amet,

lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. ^^Proin nibh augue, suscipit a, scelerisque

^^Proin nibh augue, suscipit a, scelerisque

^^Quisque semper justo at risus.

^^Quisque semper justo at risus. Cras vel lorem ^^Nibh augue, suscipit a, scelerisque sed. ^^Cras vel lorem. Etiam pellentesque aliquet tell.



Proin nibh augue, suscipit a, scelerisque sed,

consectetur adipisicing elit.

^^Etiam pellentesque aliquet tellus

40

Social Media

^^Etiam pellentesque aliquet tellus ^^Cras vel lorem ^^Nibh augue, suscipit a, scelerisque sed. ^^Cras vel lorem. ^^Etiam pellentesque aliquet tell.


Deployment and Evaluation

What next?

Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.

1. Customers Support Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut

3. Promotions

labore et dolore magnam aliquam. ^Quisque ^ semper justo at risus,

Sed ut perspiciatis unde omnis iste natus error sit

^Donec ^ venenatis, turpis vel,

voluptate m accusantium doloremque laudantium,

^hendrerit ^ interdum,

totam rem aperiam, eaque ipsa quae ab illo inven-

^Lorem ^ ipsum dolor sit amet,

tore veritatis et quasi architecto beatae vitae dicta

^consectetur ^ adipisicing eli,

sunt explicabo. Nemo enim ipsam voluptatem quia

^Proin ^ nibh augue, suscipit.

voluptas sit aspernatur aut odit aut fugit, sed quia

2. Upgrades

consequuntur.

4. Events

Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a,

Nemo enim ipsam voluptatem quia voluptas sit

scelerisque sed, lacinia in, mi. Sed ut perspiciatis

aspernatur aut odit aut fugit, sed quia consequun-

unde omnis iste natus error sit voluptatem ac-

tur magni dolores eos qui ratione voluptatem sequi

cusantium doloremque laudantium, totam rem

nesciunt. Neque porro quisquam est, qui dolorem

aperiam, eaque ipsa quae ab illo

ipsum quia dolor sit amet, consectetur, adipisci

^Inventore ^ veritatis et quasi architecto beatae vitae dicta sunt explicabo, ^Nemo ^ enim ipsam voluptatem.

velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

41


6. Prices and terms Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus.

Quisque semper justo at risus. Donec ven-

1. ORDERING

enatis, turpis vel hendrerit interdum, Lorem

Justo at risus. Donec venenatis, turpis vel hendrerit

ipsum dolor sit amet, consectetur adipisicing

Proin nibh augue, suscipit a, scelerisque sed, lacinia

elit. Proin nibh augue, suscipit a, scelerisque

in, mi. Sed ut perspiciatis unde.

sed, lacinia in, mi. 2. PEYMENTS Project Before the start

Justo at risus. Donec venenatis, turpis vel hendrerit 750$

Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde.

Analysing User Research

1500$

3. SUPPORT Justo at risus. Donec venenatis, turpis vel hendrerit

Design and Prototype

Proin nibh augue, suscipit a, scelerisque sed, lacinia

Wireframing 1250$

in, mi. Sed ut perspiciatis unde.

Construction and Testing

4. CANCELLATION

Content Managament

1250$

Justo at risus. Donec venenatis, turpis vel hendrerit Proin nibh augue, suscipit a, scelerisque sed, lacinia

Preparing for Launch Social Strategy

in, mi. Sed ut perspiciatis unde. 800$ 5. WARRANTY

Support Social Strategy

Justo at risus. Donec venenatis, turpis vel hendrerit 1200$

Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Sed ut perspiciatis unde.

42


acceptance of quote

payment information Project time

Ads Corporation

5 weeks after deposit

PO Box 123456 Street West

Support time

Victoria 12345 Australia

1 year after finish development

Corp Headquarters

Project date

Phone: +00 1 234 564 789

01.01.2019

Fax: +00 1 234 564 789 E-mail: office@corpdomain.com

^^ Design/Analysing/Conception

$2,250.00

^^ Development/Testing

$2,500.00 $850.00

^^ Promotion

$1,200.00

^^ Support/HelpDesc

Total (Inc. Tax) = $6,800.00

Print Name Powition Sign here to approve

Date

Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Cras vel lorem. Aliquet tellus. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.

Payment information

Terms

Proin nibh augue, suscipit a, scelerisque sed, lacinia

Etiam pellentesque aliquet tellus. Phasellus phare-

in, mi. Cras vel lorem. Etiam pellentesque aliquet

tra nulla ac diam. Quisque semper justo at risus.

tellus. Phasellus pharetra nulla.

Donec venenatis, turpis vel hendrerit.

43


design UX trends PO Box 16122 Collins Street West, Victoria 8007 Australia Headquarters, 121 King Street, Melbourne, Victoria 3000, Pty Ltd, ABN 12 345 678 912, Phone: +61 12 345 678 912


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.