Citroën Ami Ami Page Design

Uncover the creative design of the Citroën Ami Ami landing page. This page highlights key visual elements and layout strategies, showcasing screenshots for mobile and desktop. For an in-depth review, check out our detailed case study.
Citroëncitroen-ami-ami-landing-page-design
Citroën Ami Ami
About this screenshot
This screenshot of the Citroën Ami Ami landing page was taken on Oct 10, 2023, providing a snapshot of its layout.
A full-screen capture alone may not illustrate the complex design of these pages. For an in-depth view, visit the official page or explore our case study, highlighting 'above the fold' content first encountered by users.
Citroën Page Title: Ami – 100% ëlectric : commandez en ligne votre AMI AMI, la nouvelle solution de mobilité de Citroën

Citroën Page Description: Commandez AMI AMI en ligne et faites-vous livrer à domicile. Découvrez les personnalisations et accessoires à votre disposition et choisissez l’offre qui vous convient entre LLD et achat comptant.
Screen 1 (above the fold):
Citroën Ami Ami
Screen 2:
Landing Page Mobile Screen 2
Screen 3:
Landing Page Mobile Screen 3
Screen 4:
Landing Page Mobile Screen 4
Screen 5:
Landing Page Mobile Screen 5
Screen 6:
Landing Page Mobile Screen 6
About these screenshots
These images of the Citroën Ami Ami landing page were taken on Oct 10, 2023, providing a snapshot of its layout.
The first screenshot captured here showcases the 'above the fold' content, displaying what a user would see upon arrival at the page without scrolling. Subsequent screenshots show the immediate next sections, providing a static overview of the page as it appeared at the time of our analysis. Together, they highlight the key design elements and layout that shape the user's initial interaction. A full-screen display was neither necessary nor feasible due to the intricate and dynamic design features of this landing page.
Citroën Page Title: Ami – 100% ëlectric : commandez en ligne votre AMI AMI, la nouvelle solution de mobilité de Citroën

Citroën Page Description: Commandez AMI AMI en ligne et faites-vous livrer à domicile. Découvrez les personnalisations et accessoires à votre disposition et choisissez l’offre qui vous convient entre LLD et achat comptant.
Citroën Ami Ami
About this screenshot
This screenshot of the Citroën Ami Ami landing page was taken on Oct 10, 2023, providing a snapshot of its layout.
A full-screen capture alone may not illustrate the complex design of these pages. For an in-depth view, visit the official page or explore our case study, highlighting 'above the fold' content first encountered by users.
Citroën Page Title: Ami – 100% ëlectric : commandez en ligne votre AMI AMI, la nouvelle solution de mobilité de Citroën

Citroën Page Description: Commandez AMI AMI en ligne et faites-vous livrer à domicile. Découvrez les personnalisations et accessoires à votre disposition et choisissez l’offre qui vous convient entre LLD et achat comptant.
Screen 1 (above the fold):
Citroen Ami Ami Landing Page
Screen 2:
Landing Page Screen 2
Screen 3:
Landing Page Screen 3
Screen 4:
Landing Page Screen 4
About these screenshots
These images of the Citroën Ami Ami landing page were taken on Oct 10, 2023, providing a snapshot of its layout.
The first screenshot captured here showcases the 'above the fold' content, displaying what a user would see upon arrival at the page without scrolling. Subsequent screenshots show the immediate next sections, providing a static overview of the page as it appeared at the time of our analysis. Together, they highlight the key design elements and layout that shape the user's initial interaction. A full-screen display was neither necessary nor feasible due to the intricate and dynamic design features of this landing page.
Citroën Page Title: Ami – 100% ëlectric : commandez en ligne votre AMI AMI, la nouvelle solution de mobilité de Citroën

Citroën Page Description: Commandez AMI AMI en ligne et faites-vous livrer à domicile. Découvrez les personnalisations et accessoires à votre disposition et choisissez l’offre qui vous convient entre LLD et achat comptant.
Design Review

A Designer’s View on Citroën Design

Engaging the Future of Urban Mobility

The creative design of the Citroen Ami landing page is a testament to modern minimalism and functionality, reflecting the brand's commitment to streamlined user experience. The layout is clean and uncluttered, with a primarily white background that enhances readability and focuses user attention on the central elements: the bold headline "AMI AMI" and the inviting primary CTA text, "continuer". The design subtly incorporates Citroen's branding with its signature color palette, creating an immediate connection to its identity. The choice of typography and spacing is modern and airy, reinforcing a sense of innovation and simplicity.

In terms of key messaging, the above-the-fold content succinctly conveys the essence of Citroen's latest offering—an all-electric, accessible urban vehicle. The headline "AMI AMI" is prominently positioned, immediately drawing attention to the product's name and emphasizing its unique and compact nature. The page clearly communicates the convenience and ease of online ordering, coupled with the promise of home delivery. This strategic messaging underscores Citroen's dedication to pioneering sustainable and practical mobility solutions. The initial view evokes a sense of excitement and curiosity, inviting users to explore the possibilities of personalizing their own Ami Ami, and ultimately, to embrace the future of urban transportation.

Discovering the Ami Experience

The below-the-fold content of the Citroen Ami landing page masterfully extends the captivating story of this innovative vehicle, seamlessly building on the above-the-fold introduction. The creative design features a clean, minimalist layout that allows the vibrant images of the Ami to take center stage, effectively highlighting its unique design and customizable options. The page cleverly uses contrasting colors and ample white space to maintain a visually appealing and user-friendly experience. The key messaging revolves around the ease and accessibility of purchasing and personalizing the Ami online, emphasizing the seamless digital experience that Citroen offers. This message is reinforced through concise, engaging copy that invites users to explore customization options and various purchasing plans, such as LLD and cash purchase. The overall emotion conveyed is one of excitement and empowerment, encouraging potential customers to embrace a new era of urban mobility that is both innovative and environmentally friendly. The page succeeds in making the visitor feel informed, intrigued, and eager to explore the possibilities offered by the Citroen Ami.

Stay Tuned

Stay informed and ignite your creativity with innovative design ideas while gaining practical insights from our UX expertise.