Landing Page for Christmas Baskets and Dinners for HEB eCommerce

HEB Mexico aimed to create a landing page dedicated to promoting and selling Christmas baskets and dinners. The objective was to provide an intuitive platform where users could easily purchase these seasonal products, with options for home delivery or in-store pickup.

Project Main Image

Over eight weeks, the project focused on designing high-fidelity wireframes and interactive prototypes for both web and mobile platforms. The final design included six key screens that showcased the products, highlighted their features, and facilitated an easy purchasing process. The landing page was designed to be visually appealing and user-friendly, ensuring a seamless shopping experience for customers.

Sector: eCommerce
Platform: Web and Mobile
Project Duration: 8 weeks

Objective

Create landing pages for Christmas baskets and dinners, allowing users to purchase products and choose between home delivery or in-store pickup.

Tools Used

  • Design: Figma for wireframes and prototyping
  • Communication: Microsoft Teams for constant communication with the development team and product owners

Project Details

Challenges and Objectives Design a visually appealing and intuitive landing page to promote seasonal products, ensuring the landing page is optimized for both desktop and mobile users. Facilitate a seamless purchasing process with clear options for home delivery or in-store pickup.

Design Process

  1. Research Conducted market research to understand customer preferences and trends for Christmas products. Analyzed competitor websites and gathered user feedback to identify best practices and potential areas of improvement.
  2. Wireframing Created high-fidelity wireframes for six key screens on both desktop and mobile versions: Homepage, Product Listing, Product Details, Cart, Checkout, and Order Confirmation. Each screen was designed to guide users through the purchase process efficiently.
  3. PrototypingDeveloped interactive prototypes to showcase the key functionalities and user interactions. The prototypes included features such as product customization, delivery options, and user reviews to enhance the shopping experience.
  4. Visual Design Employed a festive and engaging visual design with a color palette reflecting the holiday season. The design ensured a clean layout with clear calls-to-action to guide users seamlessly through the purchasing process.

Key Features

The design was responsive, optimized for both web and mobile platforms. A festive theme was incorporated to attract customers, with easy navigation, simple and intuitive steps to browse products and complete purchases, and multiple delivery options clearly presented.

Project Outcome

The landing page effectively showcased the Christmas baskets and dinners, leading to an increase in seasonal sales. User feedback indicated a high level of satisfaction with the shopping experience, and the responsive design ensured a seamless experience across all devices.

Learnings

Enhanced skills in creating festive and engaging designs, gained experience in optimizing landing pages for both web and mobile platforms, and learned the importance of incorporating user feedback and market trends into the design process.

Conclusion

The project highlighted the importance of a user-centered approach in eCommerce design. Key challenges included ensuring the landing page was festive yet functional and managing remote collaboration. Future iterations could explore additional features like personalized recommendations and dynamic pricing. Advice for future projects: prioritize user feedback and maintain close communication with the development team to ensure design feasibility and functionality.

Client
HEB
Services
Landing page - eCommerce
Find out more
Tools & Skills +