StepStone
User Interface Refresh, Webdesign Layouts & Creative Vision
Refresh Germany’s best job portal
StepStone is an online job portal specialized on professionals and managers. Besides the headquarter in Dusseldorf it also got offices in Berlin, Kiel, Munich and Münster. On normal days StepStone got between 70.000 and 90.000 job offers online.
I was hired as a freelance art director and freelance ui designer to refresh the interface, create screens and layouts for the “Recruiting Area” and an overall creative and visual vision.
Agency: Sevenval Technology
Client: StepStone GmbH
My role: Freelance Art Direction, UX Designer, UI Designer, Conceptionist
![StepStone 1](https://christoph-gey.de/wp-content/uploads/2019/06/StepStone_CorporateDesign_BG.jpg)
Rethinking & Redesigning
The Recruiter Area
![StepStone 2](https://christoph-gey.de/wp-content/uploads/2019/06/StepStone_Screendesign_01.jpg)
![StepStone 3](https://christoph-gey.de/wp-content/uploads/2019/06/StepStone_Screendesign_02.jpg)
![StepStone 4](https://christoph-gey.de/wp-content/uploads/2019/06/StepStone_Screendesign_03.jpg)
![StepStone 5](https://christoph-gey.de/wp-content/uploads/2019/06/StepStone_Screendesign_04.jpg)
![StepStone 6](https://christoph-gey.de/wp-content/uploads/2019/06/StepStone_Screendesign_05.jpg)
![StepStone 7](https://christoph-gey.de/wp-content/uploads/2019/06/StepStone_Screendesign_06.jpg)
![StepStone 8](https://christoph-gey.de/wp-content/uploads/2019/06/StepStone_Screendesign_07.jpg)
![StepStone 9](https://christoph-gey.de/wp-content/uploads/2019/06/StepStone_Branding_01.jpg)
![StepStone 10](https://christoph-gey.de/wp-content/uploads/2019/06/quote.jpg)
New User Interface
The magic behind the look and feel of StepStone
![StepStone 11](https://christoph-gey.de/wp-content/uploads/2019/06/StepStone_userinterfrace-refresh.jpg)
![StepStone 12](https://christoph-gey.de/wp-content/uploads/2019/06/StepStone_userinterfrace-refresh_02.jpg)
Pattern Library
Explaining the philosophy and design of StepStone
![StepStone 13](https://christoph-gey.de/wp-content/uploads/2019/06/StepStone_Pattern-Library_01.jpg)
![StepStone 14](https://christoph-gey.de/wp-content/uploads/2019/06/StepStone_Pattern-Library_02.jpg)
To see it live visit the → Stepstone Website
Agency
Sevenval Technologies
Client
StepStone GmbH
Concepter
Christoph Gey
Consultant
Torben Reis
UX & UI Design
Christoph Gey
Senior Art Direction
Christoph Gey
Development
Antonia Ilski
Bojan Popovski
Marc Mintel
Fabian Mebus
![StepStone 15 Dyn – Corporate Design](https://christoph-gey.de/wp-content/uploads/2023/09/dyn-corporate-design-branding-by-freelance-art-director-christoph-gey-from-leipzig-510x382.jpg)
![StepStone 16 botBrains – Corporate Design Development](https://christoph-gey.de/wp-content/uploads/2023/06/beitragsbild-botBrains-by-Christoph-Gey-510x382.jpg)
![StepStone 17 Bookillustration – Coverillustration – Ich rette die Welt, aber erst mal eine rauchen](https://christoph-gey.de/wp-content/uploads/2022/03/beitragsbild_ich-rette-die-welt-510x382.jpg)
![StepStone 18 Peakdiver – corporate illustration](https://christoph-gey.de/wp-content/uploads/2022/03/beitragsbilder_peakdiver-510x382.jpg)
![StepStone 19 DFL](https://christoph-gey.de/wp-content/uploads/2021/07/beitragsbild_dfl-510x382.jpg)
![StepStone 20 AXA – Illustrationen](https://christoph-gey.de/wp-content/uploads/2021/03/beitragsbild_AXA-510x382.jpg)
![StepStone 21 Roastclub – Corporate Design Development](https://christoph-gey.de/wp-content/uploads/2021/03/beitragsbilder_roastclub-510x382.jpg)
![StepStone 22 Ca Go – Corporate Design Development](https://christoph-gey.de/wp-content/uploads/2020/12/beitragsbild_ca-go-510x382.jpg)
![StepStone 23 One Life – Corporate Design](https://christoph-gey.de/wp-content/uploads/2020/04/beitragsbild_one-life-510x382.jpg)
![StepStone 24 KulturKenner – Screendesign](https://christoph-gey.de/wp-content/uploads/2019/10/beitragsbild_KulturKenner-510x382.jpg)
![StepStone 25 steda – freelance art director](https://christoph-gey.de/wp-content/uploads/2019/06/beitragsbilder_steda-510x382.jpg)
![StepStone 26 StepStone](https://christoph-gey.de/wp-content/uploads/2019/06/beitragsbild_stepstone-510x382.jpg)
![StepStone 27 DPDHL – Corporate Identity Communication](https://christoph-gey.de/wp-content/uploads/2019/02/beitragsbild_dpdhl_3-510x382.jpg)
![StepStone 28 GEDANKENtanken](https://christoph-gey.de/wp-content/uploads/2018/04/beitragsbild_GEDANKENtanken-510x382.jpg)
![StepStone 29 Best Of Content Marketing Award](https://christoph-gey.de/wp-content/uploads/2017/12/best-of-content-marketing-510x382.jpg)
![StepStone 30 Audi – Corporate Design Development](https://christoph-gey.de/wp-content/uploads/2017/01/beitragsbild_audi-510x382.jpg)
![StepStone 31 Black(out) & White(ness)](https://christoph-gey.de/wp-content/uploads/2017/02/beitragsbild_black_and_beauty-510x382.jpg)
![StepStone 32 Type Hype](https://christoph-gey.de/wp-content/uploads/2017/01/beitragsbilder_type_hype-510x382.jpg)
![StepStone 33 rapidmail](https://christoph-gey.de/wp-content/uploads/2017/09/beitragsbild_rapidmail-510x382.jpg)
![StepStone 34 Google Care](https://christoph-gey.de/wp-content/uploads/2016/04/beitragsbild_google_care-510x382.jpg)
![StepStone 35 Vegetaria](https://christoph-gey.de/wp-content/uploads/2016/02/beitragsbild_vegetaria-510x382.jpg)
![StepStone 36 Creative Wisdom](https://christoph-gey.de/wp-content/uploads/2015/05/beitragsbild_creative_wisdom.jpg)
![StepStone 37 Pernod Ricard](https://christoph-gey.de/wp-content/uploads/2015/09/beitragsbild_pernod_ricard-510x382.jpg)
![StepStone 38 Volvo](https://christoph-gey.de/wp-content/uploads/2015/09/beitragsbild_volvo-510x382.jpg)
![StepStone 39 Damovo](https://christoph-gey.de/wp-content/uploads/2015/09/beitragsbild_damovo-510x382.jpg)
![StepStone 40 Peugeot](https://christoph-gey.de/wp-content/uploads/2015/09/beitragsbild_peugeot-510x382.jpg)
![StepStone 47 Color Experiments](https://christoph-gey.de/wp-content/uploads/2017/01/beitragsbild_colorexperiment_christoph_gey-510x382.jpg)
![StepStone 48 Logos](https://christoph-gey.de/wp-content/uploads/2015/05/beitragsbild_corporate_design_logos.jpg)
![StepStone 50 Goldwell](https://christoph-gey.de/wp-content/uploads/2015/09/beitragsbild_goldwell-510x382.jpg)