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
Results screen of the Brainstorm Exercise
Axure first: Mobile
Prototyping
WP: Axure prototype
Leaderboards' concept
Code: Design needed
Prototyping
Web-Сoncept at the Hackathon
Chrome extension
Code is a Design
Prototyping
Prototyping
Dashboard project
Adobe Illustrator first
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
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
facebook.com/tonguglya
Anton GuglyaHead of Design at LinguaLeo
Any questions?
Prototype one screen for Pronunciation practice
on mobile
Workshop task 1
Animate this
Workshop task 2
Сreate a clickable prototype
Workshop task 3