Minisúper La Flor de Jalisco
ECOMMERCE WEBSITE -DESIGN AND DEVELOP
Facing the competition, the client chose to join the technological innovations of the moment, decided to have a website where he could offer his products to the public and position himself before his competitors to attract consumers. Thus, it is an informative website.
My role
Making user interface of a web application from scratch.
Implementation of design systems.
Prototyping, wireframes, mockups.
Usability tests, heuristics.
Interviews with users.
Information architecture.
Intuitive UX-UI design.
Date
Sep 2020 – Oct 2021
THE GOAL
Turning a new leaf
The goal is to be able to design and develop a web page in which Minisuper La Flor de Jalisco can inform its clients about the products and services they offer, and thus speed up orders when they go to its main and secondary headquarters. Well, I continued to take the example of the minimalist style of GOOGLE and to use the Design Thinking methodology.
The structure of work
Methodology
The way of working was under a methodology which consisted of a series of steps
Design Thinking
Emphatize
Conduct surveys with end customers and business owners in order to obtain patterns of behavior that allow me to move on to the next step.
Design Thinking
Define
After conducting the surveys, I was studying the results in order to create the Buyer Persona and better understand what end customers, such as the entrepreneur, were looking for and needed:
Design Thinking
Ideate
Then to devise the solution, a mental map of the IT requirements was made.
Design Thinking
Prototype
For the prototyping, the data of the buyer person had to be taken, the IT requirements. And think of a friendly solution for the ecommerce of the Supermarket:
Design Thinking
Build
Once the prototyping and endorsement by the Client has been carried out, the construction of the e-commerce continues through CSM tools such as WordPress with the Woomerce Plugin:
Design Thinking
Test
I made a A/B test of how the ecommerce would look, I always delivered 2 versions which we had to analyze with the client to see which was more optimal for the final version:
Design Thinking
Implement
Once the previous steps have been completed, we continue with the release of the project:
