Digital work flow

587 views

Published on

About digital integration work flow from briefing to a design

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
587
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Digital work flow

  1. 1. About Digital IntegrationOverall Work Flow www.mrcoincidence.com
  2. 2. Overall
  3. 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. 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. 5. From briefing to a design
  6. 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 documentAgency / 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. 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 reviewAgency / 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. 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 mapAgency / Production Strategy Direction Deliverable : Wire frame review Wire frame Planner / Architect Designer Operation Developer www.mrcoincidence.com
  9. 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 designAgency / 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. 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 upAgency / 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

×