The project took place during summer 2019. I had the opportunity to work with Studiolabs, a digital studio that entrusted me to be the Lead Designer of the project. I was thrilled to work on this product because Molitor is an iconic hotel which is well-known in France
Molitor is an hotel based in the 16th arrondissement of Paris. Molitor first opened in 1929, for 60 years it was Paris most popular swimming baths, known for its two swimming pools and its avant-garde atmosphere. Nowadays, the place has evolved to become one of the most iconic and famous hotel in the capital. With 124 rooms and suites, a spa, 2 restaurants, and an art gallery, Molitor went through the ages by always keeping an authentic and prestigious image.
Molitor wanted to develop an app that allow its members to discover the wide range of services and events they offering. Users can see the different services grouped into categories, see the events and also the restaurants that Molitor has inside its Hotel. We also had to create a back-office that would allow Molitor’s team to manage the services, the events, the users and also ratings and comments given by the clients of the hotel.
The main stake of the project was to create an intuitive way for the user to find what he was looking for. Indeed, as Molitor has a wide range of services, the searching process for the user could rapidly become laborious and frustrating. We also had to ensure that the booking process for a service was clear and logical, the information architecture had to be pertinent in order to make the user confident with the choices he makes. Moreover, we had to make sure that the information provided in the app was also editable in the back-office (number of places available, slots, eventual cost of the service etc…)
To get the project started, the product manager made a functional analysis with the client to define the needs for the product. This analysis allows us to divide the different functionalities into « stories ». Each of them corresponding to an action the user can make in the app.
For example : « How to register for an event ? »
This segmentation in « stories » allows :
Molitor already have a graphic charter applied on their website and for their global communication. We used it for the project, by using its color palette and fonts.
To set up the global style of the UI, the designer i was working with, and me, designed some proposals screens in order to let the client choose which style he prefers. It allows him to have several alternatives for the visual design of his product.
After he selected the version he liked the most (Exploration n°2), i started a design system using Sketch. The main challenge for this phase was to develop the design system by making it as flexible as possible, because the components could have many states and variations due to the large number of services in the app. Moreover, we had to take into consideration the future improvements made on the product (addition of new features) so the design system has to be easily editable and reusable.
Now that we had our design system and the general guidelines, we started designing the interfaces, once again by using the division into « stories », to enhance our workflows.Thanks to the work made during the wireframes step; we gain a lot of time on the UI Design.
Once the UI had been validated by the client, i have setup the interfaces and the design system on Zeplin, to facilitate the relay between design and development teams. During the development phase, i had to ensure that the product was in coherence with the interfaces we designed.This step, was very instructive for me because i could see how the developers handle the interfaces and what kinds of problems they face during their work. On that basis, we modified some components to ensure that the developers could work as efficiently as possible
The application is now available for the members of the « Club Molitor ». The team is gathering some users feedback in order to iterate again to improve the product. As i’m writing this, our next tasks will be to improve the « News » part of the app and to create the booking process for the restaurants, which was provided by a third party service so far.
Personally, i learned a lot thanks to this project. I realized the importance of the information architecture particularly into a booking process. I also learned to challenge ideas and assumptions, to see the limits and the benefits of each of them. Thanks to Molitor, i also discovered the value of a well-designed back-office allowing the administrators to have a general overview of their business and also to manage services & guests.