UI/UX Design - Landing page - Website E-commerce SCEP
Prompt: Landing Page
What's the main focus? Is it for a book, an album, a mobile app, a SaaS product? Consider important landing page elements (Headlines, call-to-action buttons, typography, clarity, etc.)
This page perfectly captures the aesthetic of the 2000s:
1. Retro Design: The beige color palette and oversized logo were typical of the time, prioritizing information over visual impact.
2. Classic Typography: Simple and functional fonts reflect a practical approach, with minimal attention to visual hierarchy.
3. Dense Content: Text-heavy sections align with the era’s preference for detailed persuasion rather than brevity.
4. Basic Navigation: The top buttons are informative but lack engagement, consistent with the utilitarian design style of the time.
5. Call-to-Action: Buttons like “Buy a Chicken” and “Eggs” are straightforward but lack creativity, echoing the pre-digital marketing era’s direct approach.
A great representation of a time when informing came before dazzling.
General and quick wireframe of a homepage.
Redesign Process for the SCEP Identity
The redesign started with an analysis of the original branding, including its typography, color palette, and logo, as well as the overall universe conveyed by the company and its vintage website. The typography was studied to stay true to the retro essence while enhancing clarity, and the initial palette was assessed to understand its historical significance.
From this foundation, I reworked the logo into a simplified and modern version while retaining its iconic chicken shape. The color palette was refined to focus on a primary blue with soft neutrals for a cleaner, more cohesive design. To add a playful and memorable touch, I introduced Easter eggs such as the fried egg graphic as a central concept to guide the user experience and interactive cursors like “Trancher” and “Sauver,” creating an engaging experience for users.
Wireframe Concept for the SCEP Website
The wireframe is designed around the core purpose of the SCEP website: to showcase its work in poultry farming while narrating the journey of a chicken from the nest to the plate. To bring this to life, I envisioned a vertical timeline that guides the user through each stage of the chicken’s evolution, from the hatching of an egg to the finished product.
This interactive timeline allows users to explore the process step by step, creating a dynamic and engaging experience. At the end of the journey, a clear call-to-action invites them to order the product, seamlessly blending storytelling with functionality to achieve the site’s goals.
Final step
After completing the wireframe, I moved on to the final stage: integrating clear images with short, concise texts to explain the product. I quickly realized that in 2024, it’s crucial to offer two product options: one for carnivores and one for vegetarians, allowing users to make a choice that can save the lives of chickens. The site now features both purchasing options, with the secondary button subtly encouraging users to make a choice that supports the welfare of the chickens, further enhancing the site’s message.