Agenda 5 David 1 Maija Product development Team Members & - PowerPoint PPT Presentation

Agenda 5 David 1 Maija Product development Team Members & Roles journey [video graphic] How team worked 3 Barbara together Design processes Methodologies Used 6 Maija Final scope achieved 2 Aggi 4 Gareth Initial brief & Development processes requirements Scope agreed 7 Barry Product Demo

Biographic

Teamwork and Meetings When - Mondays & Thursdays ● What time - @ 9.30pm ● Where - Skype Online ● Duration - 1h to 3h ● Attendance - 99.9% ● Commitment - 100% ●

Team Work

Methodologies used

Main Pain and Gain PAIN GAIN Clients can’t develop an We are a specialist service. infographic because they Doing one thing well. don’t have the skills and/or time

Initial brief and Requirements Initial idea ● Infographic Marketplace E-commerce platform ● Designers can submit their work and ● get paid ● Users can download low-cost infographics Then we pivoted Infoccino Website ●

Scope Agreed Infographics Portfolio website ● ● Users can request custom static, animated, interactive & video infographics ● Outstanding service: - Face-to-face meetings in clients office - Online meetings with the client using skype video ● Social media accounts and links from the website Content Marketing strategy ●

Design Processes

Design Processes Wireframe Sketch Map

Design Processes ?

Design Processes Meaning Branding Font

Design Processes Mock up Final Product

Design Processes User feedback Post Questionnaire

Design Processes

Development Processes Stream interaction. Iterative feedback/improvements. ● Multiple revisions to develop a targeted and refined ● user interface Development Lifecycle: Code refined and plugins ● added to achieve additional functionality

Development Processes We used: HTML5/CSS3 for the core layout/styles ● Bootstrap for its responsive grid system ● ● jQuery / jQuery plugins for javascript interactivity Contact Form Processing ●

Visual Coding/Motion Graphics ● Engaging Interactive menu Greensock Animation Plugin ● Scalable Vector Graphics ● Ionic framework - SVG injector ● ● CSS animation Font Awesome ●

The evolution of Infoccino Press Youtube video to play: https://www.youtube.com/watch?v=dsQ96RXF13s NOV DEC JAN FEB MAR/APR MAY JUN JUL JUL/AUG 24 NOV 15 DEC 05 JAN 09 FEB 11 MAY 02 JUN 02 JUL 23 JUL Pivot meeting with Agree final design Mobile first build Conduct prototype Review high Release of the Birth of the Innovation expert scope. One page responsive one user Mobile first build fidelity mock-ups Minor Project Infoccino concept Damien Downes design page website questionnaires responsive with coders website 22 JUN Pitch & Pivot 29 DEC Decide Material or ‘make us smarter’ Flat design Start of approach requirement 28 NOV 09 FEB documentation Team brainstorm 19 JAN User testing PIVOT Start of sketches, Agree on branding wireframing & Design Studio 11 AUG layout versus prototyping create niche 14 JUL Final Pitch & infographics Product Demo Revolutionary e- Adding animation 22 MAY commerce or & video to site New Personas niche design & Scenarios studio? 16 FEB Website critique

Final Scope Achieved ● Infographics Portfolio website Users can request custom static, animated, interactive & ● video infographics Outstanding service: ● - Face-to-face meetings in clients office - Online meetings with the client using skype video Social media accounts and links from the website ● ● Content Marketing strategy

http://infoccino.webinnovate.net/ PRODUCT DEMO BY BARRY

Hi, do you have any questions? or we will be happy to critique... answer any of them. Thanks for your time.