lingualeo.com

From Idea to MMPDesign Process at Lingualeo

VisionUsers needs

Business needs

This is where the tasks came from

Complete and incomplete descriptions of tasks

Ideas Effects Polishing Makeup

Task

Flow

Switch on the Team Brain

We know how it will work but how does it look like?

Goals of Prototype

Sometimes prototype looks likemvp design, sometimes not

Napkin sketches

Axure\Balsamiq

Adobe Illustrator

Code: Design nedeed

Code represents Design

Designers

Product Owners

Developers

Napkin sketches

Axure\Balsamiq

Adobe Illustrator

Code: Design nedeed

Code represents Design

Designers

Product Owners

Developers

Napkin sketches

Axure\Balsamiq

Adobe Illustrator

Code: Design nedeed

Code represents Design

Designers

Product Owners

Developers

Simple landing concept

Napkins sketch

Prototyping

LiveTeachers project

Axure first: Web

Prototyping

Prototype

Design

Results screen of the Brainstorm Exercise

Axure first: Mobile

Prototyping

WP: Axure prototype

WP: Design

iPhone: Design

Leaderboards' concept

Code: Design needed

Prototyping

Web-Сoncept at the Hackathon

Sketches

Chrome extension

Code is a Design

Prototyping

Prototyping

Dashboard project

Adobe Illustrator first

Current version

Stage 1

Stage 2

Stage 3

Stage 4

Интерактивный недельный таймлайн

Пользователь влияет на рекомендации

Интенсивностьзанятий можно менять

Цель можно изменить в реальном времени

Каждая рекомендацияописана навыками

Ачивки и уровни внутри них

Dashboard: Stage 5

Dashboard: Final stage

Nobody knows better than you

Designers are responsible for effects

Improved form selection of translation

Adobe Edge Animate

Effects

Google Wear App concept

Keynote

Effects

“LinguaLeo”6�32

Повторим?10 слов XP

Помнишь?trip

поездкаtrip

Problems of background colours

Scala

Mobile Preview

Which is better?

What has been done and how it will work\look?

Demo Goals

SmartTV App concept

InVision

Design Demo

SmartTV App

образованиеeducation

40025

НЕТ ДА

Makeup guys and designers work together

Designer is the customerfor Makeup

Design ReviewMakeup

Design review

Web: Makeup guysMobile: Designers\Developers

Cutting

2 stages of makeup

Web based UI KIT

facebook.com/tonguglya

Anton GuglyaHead of Design at LinguaLeo

Any questions?

What's next?

Prototype one screen for Pronunciation practice

on mobile

Workshop task 1

Animate this

Workshop task 2

Сreate a clickable prototype

Workshop task 3