Hello!
Hello!
Engineering DNA
160.000 800 10 1.000.000 7.000.000Lines of Code in Main Repo Commits per month Deploys per day Searches per day Pageviews per day
Vasilis Dimos
responsible for
Design - team
235.000Active app installs
160.000Active app installs
...nevermind
“Designing Design”In an engineering - centric company
Design & EngineeringEternal struggle?
Successful product = Business + Design + Engineering
Common Goal
Reusability
Structure
Consistency
Balance
Simplicity
Common Principles
Goal & PrinciplesWhat is missing ?
Common LanguageSomething 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.
Style guides
Achieve Visual Consistency
Portable branding experience
Familiarity & Recognition
Pattern Libraries
Recurring solutions that solve common design problems
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?
Design System
Design system articulates a general design direction, philosophy, and approach to specific projects or products.
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 glanceStyle 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 & AThank you