• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Digital work flow
 

Digital work flow

on

  • 310 views

About digital integration work flow from briefing to a design

About digital integration work flow from briefing to a design

Statistics

Views

Total Views
310
Views on SlideShare
309
Embed Views
1

Actions

Likes
0
Downloads
8
Comments
0

1 Embed 1

http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Digital work flow Digital work flow Presentation Transcript

    • About Digital IntegrationOverall Work Flow www.mrcoincidence.com
    • Overall
    • 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
    • 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
    • From briefing to a design
    • 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
    • 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
    • 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
    • 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
    • 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