Magic Pass
![Magic Pass](https://cdn.iomedia.ch/media/image/0/normal_16_9/magicpass.jpg?fb62f1f9e85e12fbc34b7113e5436d47 1080w,https://cdn.iomedia.ch/media/image/0/large_16_9/magicpass.jpg?fb62f1f9e85e12fbc34b7113e5436d47 1456w,https://cdn.iomedia.ch/media/image/0/zoom_16_9/magicpass.jpg?fb62f1f9e85e12fbc34b7113e5436d47 1920w)
Overview
It was from the 2nd year of existence of the Magic Pass (2018) that Magic Mountain Cooperation called on iomedia.
The stakes were high, because it was a question of putting in place an extremely robust subscription sales solution capable of handling extreme peak loads during the opening of sales.
Since then, we have had the pleasure of working with our client and have been able to support them in their various developments.
Thus, several versions of the site were able to see the light of day, as well as the implementation of specific backoffice tools in order to respond to the needs and developments of our client.
Concept | Information structure |
Webdesign | Design system, UI / UX, Figma |
Front | Symfony, Twig, Tailwind |
Back | AIO V3 Headless |
Challenge
A project like Magic Pass is full of challenges!
From the start, the objectives in terms of performance were set: we had to be able to absorb extreme traffic as soon as sales opened.
Bet kept and met.
Our collaboration with Skidata allowed us to put in place a whole series of tools relating to the management of access control essential to the realization of such a project.
A particularly dynamic client, the developments and challenges around this project are multiple and constant. We always make it a point of honor to provide our listening skills, our experience, our know-how.
Also, we were able to set up a loyalty program, develop a specific application for partners and transport up to the exchange of data with an external CRM to name just a part.
![Magic Pass mockup laptop](https://cdn.iomedia.ch/media/image/0/normal_16_9/laptop-mockup.jpg?49dca62745f63c400260b7671ec8b81e 1080w,https://cdn.iomedia.ch/media/image/0/large_16_9/laptop-mockup.jpg?49dca62745f63c400260b7671ec8b81e 1456w,https://cdn.iomedia.ch/media/image/0/zoom_16_9/laptop-mockup.jpg?49dca62745f63c400260b7671ec8b81e 1920w,https://cdn.iomedia.ch/media/image/0/zoom_xl_16_9/laptop-mockup.jpg?49dca62745f63c400260b7671ec8b81e 3840w)
![Magic Pass web](https://cdn.iomedia.ch/media/image/0/base/home-6000px.jpg?914f579e8bf7666ce4b3d8741bd3e329 1456w)
Mobile
More mobile than ever!
Magicpass users are nomadic workers.
Also, during the last redesign, we logically took particular care in the presentation of different information on mobile in order to offer the best possible experience on any medium.
![Magic Pass mockup mobile](https://cdn.iomedia.ch/media/image/0/normal_3_2/mobile-mockup-base.jpg?4a424124b3597269c552feed31b1b4b5 1080w,https://cdn.iomedia.ch/media/image/0/large_3_2/mobile-mockup-base.jpg?4a424124b3597269c552feed31b1b4b5 1456w,https://cdn.iomedia.ch/media/image/0/zoom_3_2/mobile-mockup-base.jpg?4a424124b3597269c552feed31b1b4b5 1920w,https://cdn.iomedia.ch/media/image/0/zoom_xl_3_2/mobile-mockup-base.jpg?4a424124b3597269c552feed31b1b4b5 3840w)
![Magic Pass ambiance](https://cdn.iomedia.ch/media/image/0/normal_3_2/magicpass-ambiance.jpg?e0796b823762299472003295a1ff6acb 1080w,https://cdn.iomedia.ch/media/image/0/large_3_2/magicpass-ambiance.jpg?e0796b823762299472003295a1ff6acb 1456w,https://cdn.iomedia.ch/media/image/0/zoom_3_2/magicpass-ambiance.jpg?e0796b823762299472003295a1ff6acb 1920w,https://cdn.iomedia.ch/media/image/0/zoom_xl_3_2/magicpass-ambiance.jpg?e0796b823762299472003295a1ff6acb 3840w)
Interactivity
Accessibility
Colors
The color choices were guided by several considerations to guarantee optimal harmony and readability.
Typography
The list of typographies used on the website
![UX](https://cdn.iomedia.ch/media/image/0/normal_1_1/anzere-ux.png?3d53760609ee0835534ebf01538d214a 1080w)
Intuitive tailor-made interface
Let's work together to develop a tailor-made, intuitive interface, perfectly suited to your specific needs, to ensure an optimal user experience.