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

Agenda

1 Maija

Team Members & Roles How team worked together Methodologies Used

2 Aggi

Initial brief & requirements Scope agreed

3 Barbara

Design processes

4 Gareth

Development processes

5 David

Product development journey [video graphic]

6 Maija

Final scope achieved

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

Clients can’t develop an infographic because they don’t have the skills and/or time

GAIN PAIN

We are a specialist service. Doing one thing well.

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

Sketch Wireframe Map

Design Processes

?

Design Processes

Branding Meaning 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

We used:

• HTML5/CSS3 for the core layout/styles
• Bootstrap for its responsive grid system
• jQuery / jQuery plugins for javascript interactivity
• Contact Form Processing

Development Processes

Visual Coding/Motion Graphics

• Engaging Interactive menu
• Greensock Animation Plugin
• Scalable Vector Graphics
• Ionic framework - SVG injector
• CSS animation
• Font Awesome

Pitch & Pivot

Release of the Minor Project

NOV

24 NOV 28 NOV

Team brainstorm

15 DEC

Birth of the Infoccino concept

29 DEC

Start of requirement documentation Start of sketches, wireframing & prototyping

DEC JAN FEB

05 JAN

Review high fidelity mock-ups with coders ‘make us smarter’ Agree on branding layout

19 JAN 09 FEB

Mobile first build responsive website

09 FEB

User testing

16 FEB

Website critique

MAR/APR

The evolution of Infoccino

MAY

Revolutionary e- commerce or niche design studio?

11 MAY

Pivot meeting with Innovation expert Damien Downes

PIVOT

Design Studio create niche infographics

22 MAY

New Personas & Scenarios

JUN

02 JUN

Agree final design

• scope. One page

design

22 JUN

Decide Material or Flat design approach versus

JUL

02 JUL

Mobile first build responsive one page website Adding animation & video to site

14 JUL

JUL/AUG

23 JUL

Conduct prototype user questionnaires

11 AUG

Final Pitch & Product Demo

Press Youtube video to play: https://www.youtube.com/watch?v=dsQ96RXF13s

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

PRODUCT DEMO BY BARRY

http://infoccino.webinnovate.net/

Hi,

do you have any questions?

• r

critique... we will be happy to answer any of them. Thanks for your time.