Pressing de Lyon: From Brand Strategy to Website Development

Pressing de Lyon, established in 1959, has become a prestigious name in the world of high-end dry cleaning. Located in the heart of Lyon, France, the company has garnered a strong reputation through its partnerships with renowned designer brands, offering exceptional care for delicate fabrics and luxury garments.

The project involved building a brand strategy and expanding the existing identity to align with the company’s digital presence. The website was created on the Wix platform, with wireframes and UI design developed in Figma. Creative code in JS/CSS/HTML was integrated into some sections to add subtle animation effects and interactivity where needed, enhancing the overall user experience.

UN SERVICE
DE PRESSING
SUR LYON
HAUTE QUALITE,
ARTISANAL,
ECOLOGIQUE,
ET RAPIDE.

A Refined Digital Identity for a Premium Dry Cleaning Service

Strategy and Design Tailored to an Upscale Market

Through our strategy and research, we identified that the primary audience for Pressing de Lyon's services includes high-net-worth individuals, such as business owners, lawyers, surgeons, fashion designers, as well as busy professionals like working mothers. This understanding led us to adopt a refined approach for the website’s design, aligning with the expectations of this specific market.

The brand identity was expanded to reflect the premium nature of the services. The existing logo evolved into a cohesive, elegant identity, perfectly suited for the website and digital platforms. The color palette features a modern monotone scheme, with black, grey, and white tones to convey class and sophistication. Design elements, including minimalist buttons, clean typography, and sleek card hovers, create a user experience that is both refined and accessible.

UI Design and Digital Collage Developed in Figma

A Modern, Engaging User Experience for Pressing de Lyon

The art direction for Pressing de Lyon centers around a dynamic digital collage, where various fabrics, garments, and household items come to life through subtle animations. This creative approach highlights the range of services offered while keeping the visual flow engaging and modern.

The website's UI design further supports this refined approach, with each page crafted for clarity and ease of navigation. The "Nos Soins" page organizes categories like wedding dresses, delicate garments, and designer wear in a visually appealing grid, offering a seamless experience for users to explore services. The "À Propos" page maintains a professional and approachable tone, emphasizing the brand's heritage and values through clean, minimalist layouts. Across all pages, the use of a monochromatic color palette, minimalist typography, and interactive card hovers ensures a consistent, upscale feel, creating a user-friendly yet sophisticated interface.

Website Interaction and animation on Webflow

Tailored User Experience Through Dynamic Interactions

Various interactions and animations were crafted for Pressing de Lyon's website to enhance user experience. The homepage features a dynamic digital collage, where clicking on garments or fabrics leads to relevant cleaning and treatment pages. This interactive design showcases services while maintaining a visually appealing and user-friendly interface. HTML, CSS, and the Giphy API were used to create a modern, animated GIF background effect for the headline, applying a background-clip text styling for a striking result.

Hover cards across the site reveal additional information with smooth transitions, while a dynamic slider ensures a fluid and captivating browsing experience.

On the "À Propos" page, a creative and playful interaction was developed to reflect the essence of dry cleaning: as users drag their cursor across the screen, it "cleans" the white background, gradually making it brighter—an innovative feature coded in P5.js/HTML to enhance the dry cleaning concept visually. This interaction not only adds a touch of fun but also strengthens the connection between the service and the digital experience.

Home - Digital Collage Animation

Home - Hover Card

About - Interactive Cursor P5JS/CSS

Say Hello & Wave Goodbye!

Let's connect and talk about your project—casual, fun, and free.

+1 917 2503453
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Please refresh and try again.