top of page
top
style guide.png

To align all the applications, it is crucial to have a design system ready. Following the Atomic Methodology, I created the first design system in the company for better cooperation with the developers. Starting from the simple elements, the section and the page template are buildt based on the defined components. Things become easier when you have the single source of true.

Style Guide

Time and Place

September 2017

Munich, Germany

My Contribution

Design

My Role

UX Design

methods.png

Atom

Molecules

Organisms

Template

Page

ATOM

Atom.png

MOLECULES

Molecules.png

ORGANISMS

Organisums.png

TEMPLATE

Based on the atoms, Molecules and Organisms, the page templates are categorized into three.

Pages with filter beside the content

template 1.png

Pages with only table

template 2.png

Pages with box containers

template 3.png
indicator message.png
Users.png
ro overview.png

(Due to confidential reason, the screenshots need to be blurry.)

Pappanheimstr. 7, 80335 München Germany

0303felicia@gmail.com

017632359757

  • LinkedIn - White Circle
  • Vimeo - White Circle
  • Instagram - White Circle
  • Facebook - White Circle
bottom of page