Download - The process of building a website
![Page 1: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/1.jpg)
@frankjwest
Let's build a website together, live!
The process of building a website
WF
![Page 2: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/2.jpg)
@britehire
Frank West
CEO and Founder
![Page 3: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/3.jpg)
the less we do when we're ready to do it!
The more we do before we do anything
It’s all in the planning
![Page 4: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/4.jpg)
Photographer
Project Manager
SEO
Server Administrator
Strategist
Testers
UsersUsers
UX Consultant
Videographer
Account Manager
Backend Developer
Boss
Business Analyst
Client
Copywriter
Database AdministratorDatabase Administrator
Designer
Frontend Developer
Marketing
Meet the team!
What do we need to build a website?
![Page 5: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/5.jpg)
Application
Blogs
Brochure
eCommerce
News
Social network
The brief
![Page 6: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/6.jpg)
Accessibility
Brand awareness
Newsletter sign ups
Money
Reduce call centre volume
Return visits
SEOSEO
Traffic
The goals
![Page 7: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/7.jpg)
Target audience
![Page 8: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/8.jpg)
@frankjwest
Exercise 1
Features
WF
![Page 9: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/9.jpg)
The whole team – 30 minutes
Not about detail
Not about looking good
Scamping
![Page 10: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/10.jpg)
@frankjwest
Exercise 2
Draw the website
WF
![Page 11: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/11.jpg)
To mix experience with imagination and toavoid corruption
Why did we do this?
![Page 12: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/12.jpg)
Direct competitors (Local/Global)
Similar concept, different market
Similar style but different concept
Wouldn't it be nice to change the world
Competitor research
![Page 13: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/13.jpg)
...Do you love your partner?
Do you love your job?
Changing the world
![Page 14: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/14.jpg)
@frankjwest
Exercise 3
Key features
WF
![Page 15: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/15.jpg)
We've seen the competitors
We've got an idea of functionality
We've seen other peoples ideas
Let's do it again
Scamping 2.0
![Page 16: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/16.jpg)
@frankjwest
Exercise 4
Draw the website again
WF
![Page 17: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/17.jpg)
Recreate the best ideas for the client.
Take them on the journey.
Don't just show them what you did.
Bring them on board!
Client time
![Page 18: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/18.jpg)
How long
How important
Grading 1 – 5
Understanding the scope
![Page 19: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/19.jpg)
@frankjwest
Exercise 5
Rate that feature
WF
![Page 20: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/20.jpg)
Sitemap
![Page 21: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/21.jpg)
Agile
![Page 22: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/22.jpg)
Copy
![Page 23: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/23.jpg)
Use annotations for requirements
Interactive wireframes
![Page 24: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/24.jpg)
@frankjwest
Exercise 6
Wireframes
WF
![Page 25: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/25.jpg)
Explain the purpose of the site
Set the user tasks
User testing
![Page 26: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/26.jpg)
Bring them on board
Client time
![Page 27: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/27.jpg)
Design
![Page 28: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/28.jpg)
Client time
![Page 29: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/29.jpg)
Do not explain the purpose of the site
What do they think the website is for?
What stands out?
User testing
![Page 30: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/30.jpg)
![Page 31: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/31.jpg)
![Page 32: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/32.jpg)
Flat builds
Testing
Development
More testing
User testing
Sprint
![Page 33: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/33.jpg)
Ready to launch?
![Page 34: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/34.jpg)
What went well?
What went badly?
How can we make the next sprint more effective?
Review the sprint
![Page 35: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/35.jpg)
Flat builds
Testing
Development
More testing
User testing
Sprint
![Page 36: The process of building a website](https://reader034.vdocuments.us/reader034/viewer/2022051819/54c764674a795904428b45bb/html5/thumbnails/36.jpg)
@frankjwest@britehire
Thank you
WF