Mockups: ecommerce
25 juin 2020
This mission was to design the mockups of brand, category, and product pages of an e-commerce site developed with PrestaShop.
My role in this mission was to carry out the ergonomic audit of the website and create the wireframes for 3 pages: the product page, the brand page, and the categories page.
PRACTICAL INFORMATION
Presentation of the web design mission
Project context
Simon-Simone is an e-commerce site that wants to offer the opportunity to consume differently with a more sustainable and responsible manufacturing.
For this concept, the website had to highlight:
French brands, which offer quality products made in France or in Europe
committed brands and creators, by enhancing their history, teams, production, know-how, and eco-responsible approaches
Customer needs
Complete website audit report to make improvements
New design for 3 web pages: brand page, brand category page, product page
Design that must be in line with Prestashop's technical capabilities
Compliance with the client's graphic charter
Mission objectives
Improve the user experience
Increase the conversion rate
Optimize SEO through quality content planned in the design
Increase brand visibility
Tools used
Dessin
Invision
PROCESS
Web page design for an e-commerce site
Mission started
I participated in the project kickoff meeting in collaboration with the client and stakeholders in digital marketing.
The design of the 3 pages had to take into account development planned with Prestashop and well-provided content for SEO.
Before creating the mockups, I conducted a comprehensive ergonomic audit of the website and delivered a report with findings and recommendations.
E-commerce mockup design
Collection of data provided by the client :
Analytics
Content
Illustrations / Photographs
Graphic charter
Creation of mock-ups :
I proposed a design that respects: ergonomic standards, accessibility (readability, etc.) and the implementation of quality content for SEO and user experience optimization.
I chaired the design follow-up meetings (modifications and mock-up validations).
RESULTS
Mockups delivered for the development of the e-commerce website
I have delivered the 3 mockups below ready to be integrated by the developer.
Each customer owns their website and is free to make changes and/or deletions.
I am presenting my work here at a given moment without being responsible for the visible changes currently online.
