Hello!
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Engineering DNA
160.000 800 10 1.000.000 7.000.000
Lines of Code in Main Repo Commits per month Deploys per day Searches per day Pageviews per day
Vasilis Dimos
responsible for
Design - team
235.000
Active app installs
160.000
Active app installs
...nevermind
“Designing Design”
In an engineering - centric company
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Design & Engineering
Eternal struggle?
Successful product = Business + Design + Engineering
Common Goal
Reusability
Structure
Consistency
Balance
Simplicity
Common Principles
Goal & Principles
What is missing ?
Common Language
Something both understand and can work with
What does a language need?
Rules & Logic
The rules
Style Guides Pattern Libraries
Style guides
A style guide (or manual of style) is a set of standards for the writing and design of
documents, either for general use or for a specific publication, organization, or field.
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Style guides
Achieve Visual Consistency
Portable branding experience
Familiarity & Recognition
Pattern Libraries
Recurring solutions that solve common design problems
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Pattern Libraries
Reuse of Components
Which are debugged
And crafted over time
Familiarity of behaviour & Interaction
Deliverables and goals
Make the right thing, the easy thing
to do!
Is this enough?
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Design System
Design system articulates a general design direction, philosophy,
and approach to specific projects or products.
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference
Through the understanding of the philosophy
Make it easy to extend the styleguide
Achieve logical consistency
Benefits of a Design System
Active development from a real team with Storytelling
Deliverables of a Design system
Documentation
Blogposts
Internal Presentations
Design One on Ones
Design Reviews
We are not alone
At a glance
Style guides are for visual consistency
Pattern libraries are for functional consistency
Design systems are for logical consistency
We are hiring!
www.skroutz.gr/blog/careers
Q & A
Thank you

More Related Content

PDF
A social approach to energy metering erscp-loucaspapa
PDF
Design in Tech Report 2017
PPTX
Building Design Systems - Columbus Web Group
PDF
MB Design Systems slides.pdf
PPTX
Front-End Columbus - Design Systems
PDF
Design Systems (english) #UXCE20
PDF
Intro Design System for Visual Designers
PDF
Design Systems (english) #UXcamHH
A social approach to energy metering erscp-loucaspapa
Design in Tech Report 2017
Building Design Systems - Columbus Web Group
MB Design Systems slides.pdf
Front-End Columbus - Design Systems
Design Systems (english) #UXCE20
Intro Design System for Visual Designers
Design Systems (english) #UXcamHH

Similar to Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference (20)

PDF
Managing Design System Projects
PDF
Design systems @ datadog - October 2018
PPTX
BUSINESS FUNCTIONS IN HCI CONTAINS SCOPE AND OPERATIONAL RESEARCH DATA.pptx
PPTX
Design systems
PDF
Design systems on the web
PDF
Design Systems: Enterprise UX Evolution
PDF
Design Systems - Sean Hise Talk at #ProjectProduct
PPTX
Building Design Systems
PDF
Style Guides, Pattern Libraries, Design Systems and other amenities.
PDF
Engage 2019: Building a design system to modernize Connections
PDF
Design Systems (english) #Fluxible
PDF
Purpose Before Action: Why you need a Design Language System
PDF
Invision Design Systems Handbook
PPTX
CH1.pptx
PDF
Scalable Design Systems with Sketch
PDF
Building & Maintaining A Living Style Guide for a Post Apocalyptic Web
PDF
CSS for Design Systems
PDF
Product design.pdf
PDF
Design systems in organisations
PDF
On design systems
Managing Design System Projects
Design systems @ datadog - October 2018
BUSINESS FUNCTIONS IN HCI CONTAINS SCOPE AND OPERATIONAL RESEARCH DATA.pptx
Design systems
Design systems on the web
Design Systems: Enterprise UX Evolution
Design Systems - Sean Hise Talk at #ProjectProduct
Building Design Systems
Style Guides, Pattern Libraries, Design Systems and other amenities.
Engage 2019: Building a design system to modernize Connections
Design Systems (english) #Fluxible
Purpose Before Action: Why you need a Design Language System
Invision Design Systems Handbook
CH1.pptx
Scalable Design Systems with Sketch
Building & Maintaining A Living Style Guide for a Post Apocalyptic Web
CSS for Design Systems
Product design.pdf
Design systems in organisations
On design systems
Ad

More from Skroutz S.A. (9)

PDF
Skroutz - Next Generation of IT Recruitment (Organized by Kariera.gr)
PDF
Skroutz - How to build a strong employer brand? - Athens Startup Safary
PDF
Skroutz redesign - How to approach card-based design & SASS content - specifi...
PDF
Let's talk about elixir - 26th Athens Ruby Meetup
PDF
Skroutz - 25th Athens Agile/Scrum Meetup
PDF
E-shop Survival Kit in a Comparison Shopping Engine - 6+1 Dos & Dont's
PDF
Rails Engines - A presentation for the 22nd Athens Ruby Meetup
PDF
Karate - How we build things in Skroutz (Agile Summit '15)
PDF
Skroutz - Why do customers abandon your e-shop? by V. Giannakouris @ E-busine...
Skroutz - Next Generation of IT Recruitment (Organized by Kariera.gr)
Skroutz - How to build a strong employer brand? - Athens Startup Safary
Skroutz redesign - How to approach card-based design & SASS content - specifi...
Let's talk about elixir - 26th Athens Ruby Meetup
Skroutz - 25th Athens Agile/Scrum Meetup
E-shop Survival Kit in a Comparison Shopping Engine - 6+1 Dos & Dont's
Rails Engines - A presentation for the 22nd Athens Ruby Meetup
Karate - How we build things in Skroutz (Agile Summit '15)
Skroutz - Why do customers abandon your e-shop? by V. Giannakouris @ E-busine...
Ad

Recently uploaded (20)

PPTX
Concepts of Object Oriented Programming.
DOCX
Memecoinist Update: Best Meme Coins 2025, Trump Meme Coin Predictions, and th...
PDF
Paper: World Game (s) Great Redesign.pdf
PPTX
Introduction to networking local area networking
PDF
Slides World Games Great Redesign Eco Economic Epochs.pdf
PPTX
Networking2-LECTURE2 this is our lessons
PPT
chapter 5: system unit computing essentials
PPTX
Slides World Games Great Redesign Eco Economic Epochs.pptx
PPTX
IoT Lecture IoT Lecture IoT Lecture IoT Lecture
PPTX
Digital Project Mastery using Autodesk Docs Workshops
PPTX
Basic_of_Computer_System.pptx class-8 com
PPTX
using the citation of Research to create a research
PPTX
Partner to Customer - Sales Presentation_V23.01.pptx
PPTX
在线订购名古屋艺术大学毕业证, buy NUA diploma学历认证失败怎么办
PPTX
IT-Human Computer Interaction Report.pptx
PPTX
WEEK 15.pptx WEEK 15.pptx WEEK 15.pptx WEEK 15.pptx
PPSX
AI AppSec Threats and Defenses 20250822.ppsx
PDF
KEY COB2 UNIT 1: The Business of businessĐH KInh tế TP.HCM
PDF
How Technology Shapes Our Information Age
PDF
Lesson.-Reporting-and-Sharing-of-Findings.pdf
Concepts of Object Oriented Programming.
Memecoinist Update: Best Meme Coins 2025, Trump Meme Coin Predictions, and th...
Paper: World Game (s) Great Redesign.pdf
Introduction to networking local area networking
Slides World Games Great Redesign Eco Economic Epochs.pdf
Networking2-LECTURE2 this is our lessons
chapter 5: system unit computing essentials
Slides World Games Great Redesign Eco Economic Epochs.pptx
IoT Lecture IoT Lecture IoT Lecture IoT Lecture
Digital Project Mastery using Autodesk Docs Workshops
Basic_of_Computer_System.pptx class-8 com
using the citation of Research to create a research
Partner to Customer - Sales Presentation_V23.01.pptx
在线订购名古屋艺术大学毕业证, buy NUA diploma学历认证失败怎么办
IT-Human Computer Interaction Report.pptx
WEEK 15.pptx WEEK 15.pptx WEEK 15.pptx WEEK 15.pptx
AI AppSec Threats and Defenses 20250822.ppsx
KEY COB2 UNIT 1: The Business of businessĐH KInh tế TP.HCM
How Technology Shapes Our Information Age
Lesson.-Reporting-and-Sharing-of-Findings.pdf

Skroutz V. Dimos on "Designing Design @ Digitized 2016 Conference