miles-and-more


In collaboration with a fantastic design team, I had the exciting opportunity to craft a landing page for Miles & More, introducing and welcoming members to their new status program. We opted for scrollytelling, allowing users to explore the changes at their own pace, adding a personal touch to their journey.
What makes this project particularly cool is its scale. With potentially millions of Miles & More members in the program exploring the site, we faced unique challenges. The prospect of reaching such a vast audience brought forth considerations like hosting scalability and ensured that every element had to be meticulously optimized for a seamless experience.
From the project's inception, the collaboration between development and design was key as we were facing a rather tight deadline. At the same time it wasn't just about creating a page; it was about translating the essence of the new status program into a digital experience. Every scroll, every detail tells a story, making the journey personal and engaging for each member.
The landing page isn't just an introduction; it's a digital handshake to potentially millions of members. It reflects the commitment to delivering not just information but an immersive experience. It's a testament to the power of collaboration, innovation, and the excitement of creating something that millions could explore and enjoy.
Tech Used
Astro
Motion
Recognition
Honorable Mention - awwwards
Special Kudos - CSSDesignAwards
Credits
Agency: Dorfjungs. (Case Study)
Design: Dorfjungs. Design Team
Development: me
A scroll-based storytelling landingpage to introduce the new Statusprogramme of Miles & More.


Adrian Wilhelm - Portfolio

