Download - The process of building a website
@frankjwest
Let's build a website together, live!
The process of building a website
WF
@britehire
Frank West
CEO and Founder
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
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?
Application
Blogs
Brochure
eCommerce
News
Social network
The brief
Accessibility
Brand awareness
Newsletter sign ups
Money
Reduce call centre volume
Return visits
SEOSEO
Traffic
The goals
Target audience
@frankjwest
Exercise 1
Features
WF
The whole team – 30 minutes
Not about detail
Not about looking good
Scamping
@frankjwest
Exercise 2
Draw the website
WF
To mix experience with imagination and toavoid corruption
Why did we do this?
Direct competitors (Local/Global)
Similar concept, different market
Similar style but different concept
Wouldn't it be nice to change the world
Competitor research
...Do you love your partner?
Do you love your job?
Changing the world
@frankjwest
Exercise 3
Key features
WF
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
@frankjwest
Exercise 4
Draw the website again
WF
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
How long
How important
Grading 1 – 5
Understanding the scope
@frankjwest
Exercise 5
Rate that feature
WF
Sitemap
Agile
Copy
Use annotations for requirements
Interactive wireframes
@frankjwest
Exercise 6
Wireframes
WF
Explain the purpose of the site
Set the user tasks
User testing
Bring them on board
Client time
Design
Client time
Do not explain the purpose of the site
What do they think the website is for?
What stands out?
User testing
Flat builds
Testing
Development
More testing
User testing
Sprint
Ready to launch?
What went well?
What went badly?
How can we make the next sprint more effective?
Review the sprint
Flat builds
Testing
Development
More testing
User testing
Sprint
@frankjwest@britehire
Thank you
WF