About digital integration work flow from briefing to a design

1. About Digital Integration
Overall Work Flow
www.mrcoincidence.com

2. Overall

3. What to confirm
Client
• Overall schedule &
• Contents
Plan • Site structure
• Project Briefing • Design • debug
• Rough quote • Wireframe
• Test trial
• Strategy
Briefing Strategy & Quote Site structure & Wireframe Design Development Release
Project
Management
Manager
Account
エージェンシー / プロダクション
Strategy
Direction
Planner
/
Architect
Designer
Operation
Developer
www.mrcoincidence.com

4. What to confirm
• Overall schedule &
• Contents
Plan • Site structure
• Project Briefing • Design • debug
• Rough quote • Wireframe
• Test trial
• Strategy
• Business objective • Overall schedule • Site structure • Header, footer & main • Contents – text, link &
Client
• Vision & Goal • Rough quote • Wireframe navigation image
• Situation • Overall concept • Site set up • Font size & type • Debug
• Target users • Overall contents • Concept design • Contents size • CMS trial
• Overall budget • User analysis • Delivery design material • Layout etc...
• Business plan • User scenarios – text, images • Functional design
etc... etc... etc... • Key visual & motif
• Key color
etc...
Briefing Strategy & Quote Site structure & Wireframe Design Development Release
We would confirm and approve from overall to details rationally. Timing and what to confirm may be
changed based on project size and process. However, more importantly we should confirm and approve
the things – wireframe, header&footer design etc - influence to others from the beginning.
www.mrcoincidence.com

5. From briefing to a design

6. Concept development → Concept approval
Briefing Strategy&Concept approval Proposal approval and scheduling
Describe problem/needs, Develop strategic rationale,
Project proposed solution and benefits financial analysis, implementation
Manager
Management
plans etc
Gather information and create Gather information and create the
the Concept/Strategy document proposal document
Account
Deliverable : Deliverable :
Concept/Strategy Define personas, usage Proposal document
Agency / Production
document scenarios, user goals etc. *This step might
Strategy
be optional
Direction
Develop usage scenarios Provide input for level of effort
Planner and/or
/ overall design concept
Architect
• Overall tone and manner.
• Overall technique, html or
Flash.
Designer • Overall screen action
• Etc… Provide input for level of effort
Operation
Developer
www.mrcoincidence.com

7. Concept development → PRD approval
Proposal approval and scheduling Conceptual desin review PRD approval
Project kick off
Project
Manager
Management
Collect team input
Account Write draft PRD and review
Agency / Production
Refine design concept
Strategy
Deliverable :
Direction
Product
Requirements Concept design review
Document (PRD)
Planner
/ and
Architect
Concept design
materials
Visual design explorations
Designer *This step might
be optional
Operation
Developer
www.mrcoincidence.com

8. PRD approval → Wire frame approval
PRD approval Wire frame review Wire frame approval
Product roadmap
Project
Manager
Management
Collect team input
Point release plan
Account
Wireframe and navigation map
Agency / Production
Strategy
Direction
Deliverable : Wire frame review
Wire frame
Planner
/
Architect
Designer
Operation
Developer
www.mrcoincidence.com

9. Wire frame approval → UI design approval
Wire frame approval UI design review UI design approval
Promotion plan
Project
Manager
Management
Collect team input
Account
Develop overall UI design
Agency / Production
Strategy • Header, footer, and main
navigation.
Direction
• Font size.
• Overall content area and size. UI design review
• Overall layout and function.
Planner
/ Deliverable :
Architect UI design
Interaction
Designer
Operation
Refined visual design explorations
• Select key visual and motif.
• Select main font type.
Developer • Select color variation.
www.mrcoincidence.com

10. UI design approval → Handoff to developer
UI design approval Visual design review Visual design approval
Collect team input
Project
Manager
Management
Account
Begin writing page set up
Agency / Production
Strategy
• Sitemap
Handoff to developer
Direction
• Use case/stories (function)
• SEO strategy Visual design review
• Tracking etc
Planner
/
Architect
Deliverable :
Page set up
Visual design
Designer
Art direction
Operation
• Add more function design.
• Brush up key visual and motif.
• Brush up layout and function.
Developer • Brush up text.
www.mrcoincidence.com