Website design and development process
client pitch process
- Get design brief from client
- Discuss design requirements with design team
- Ask additional requirements to client
- Create design mock ups
- Submit pitch requirements
- Win Pitch
Client signs with SDi
- Design Team tweaks initial design mock ups
- Create additional pages not included in the pitch
- Client approves design
- Target completion date given to Client
- Dev Team starts development
- Coded templates shown to Client
Client signs with SDi
- Client wants design changes
- Design team revises approved design
- Dev team revises coded templates and shown to client again
- Dev team starts back-end development
- New / Old Content are uploaded
- Client wants new pages and features
- New changes are evaluated if cost is fit in the budget
- Never ending changes
- Target completion pushed weeks from initial date
- Launch Website
the process is flawed
Unlimited revisions, movable deadlines, project scope is always changing
what can we change?
project kick off
- Scope / Features
- Information Architecture
- Timelines
- Client Sign off
mock ups
- Wireframes
- Interactive Prototypes
Revisions
- Limited
- Will incur additional costs
ideal design process
site map
User journey
User journey
User journey
wireframes
wireframes
Style guide
new process
- Client signs with SDI
- Project Kickoff
- Gather all website requirements
- Discuss project scope, timelines and deliverable
- Project sign off with Client
- Create wireframes
- Get feedback from client
- Create prototype based on the wireframes
- Get feedback from client
- Prototype sign off with client
- Dev team starts backend development
- Get feedback from client RE backend
- Launch Website
deck
By Gene Ronquillo
