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