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