Sedef Aydogan Coskun Creative Art and Motion Design in Hamburg
Desktop and mobile views of the campaign microsite displayed on screens

Making Things Better Together


For the campaign "Gemeinsam besser machen" (translated as "Making Things Better Together") by Datev, we designed a microsite that brings the real protagonists of the campaign—Datev customers—into focus. These customers share their stories in the campaign film, explaining how Datev’s digital tax solutions have positively impacted their businesses. The microsite builds upon these narratives by offering an interactive experience that mirrors the film, allowing users to connect with the protagonists and learn more about Datev’s services. By combining modern web design with storytelling, we created an immersive platform that not only showcases the importance of Datev but also strengthens its connection with the audience.

CHALLENGE: 

The primary challenge was to create an engaging digital experience that accurately represented the campaign's essence while maintaining a cohesive visual and functional design. The microsite needed to reflect the authenticity of the protagonists' stories while staying true to Datev’s brand identity. The digital guidelines provided by Datev were limited, leaving a gap in the UI elements and textual hierarchy. Additionally, I had to find a way to balance interactivity with simplicity, ensuring a seamless user experience while telling each protagonist’s story effectively.

SOLUTION & MY ROLE: 

To overcome the challenge, I incorporated a parallax effect where the protagonists move as the user scrolls, dynamically drawing attention to their stories. This effect was complemented by animations that I personally created to bring the narrative to life. While adhering to Datev’s corporate identity rules, I enhanced the site’s usability by introducing supporting UI elements to make up for the shortcomings of the existing digital guidelines. I also worked on creating a clear textual hierarchy, ensuring that the information was easy to follow and accessible. My role involved designing the microsite, animating the parallax effect, and ensuring that the final product adhered to Datev’s brand while offering a more intuitive and visually appealing user experience.

Feel free to reach out if you'd like
to know more about this project:

COMPANY

Datev

MY ROLE

Art Direction, UI/UX

PROJECT TYPE

Product Design 

YEAR

2020

TEAM

2 Art Directors, 2 Copywriters, 1 UX Designer



A moment captured from the campaign film

A VISUAL JOURNEY THROUGH
THE MICROSITE EXPERIENCE

Screen animation displaying the microsite sections with parallax and scroll effects


The microsite for Datev's "Making Things Better Together" campaign offers an immersive and dynamic experience, guiding visitors through a visually compelling journey that highlights the real stories of Datev customers. Below are the key sections that bring this journey to life:
  • Campaign Hero Visual: Featuring the campaign's central imagery with a striking parallax effect and headline mechanic, this section sets the stage for the experience, primarily serving to establish the campaign's visual direction.
  • Introducing Datev: A clear, engaging introduction to Datev, showcasing the brand’s core mission and digital tax solutions through clean design and intuitive navigation.
  • Scroll Animation of Customers: As users scroll, the customers' stories come to life with subtle animations, revealing their testimonials and personal experiences with Datev’s services, enhancing the overall narrative.
  • Video Container: The campaign film takes center stage, offering an in-depth look at the customers' stories and Datev's solutions in action.
  • Teasers to Other Stories: A glimpse into other inspiring customer journeys, encouraging users to explore additional narratives and see how Datev is making a difference across various industries.
  • Striking Infographic: A visually compelling infographic summarizes key facts and figures, providing users with a quick overview of Datev’s reach and the effectiveness of its digital solutions.
  • Teasers to Datev's Services: A sneak peek into the range of services Datev offers, guiding visitors to explore how the brand’s tools can simplify their own business processes.
  • Helpful Blog Articles for the Self-Employed: Curated articles offering valuable insights and tips for self-employed individuals, helping them make the most of Datev’s resources.
Text styles on the campaign landing page, showcasing the text hierarchy, including headings, overlines, subheadings, and body text
Text styles
UI components on the campaign landing page, including navigation buttons, call-to-action buttons, and video components
UI components
© 2025 Sedef Aydoğan Coşkun, as well as the companies, colleagues and agencies involved.