I made a benchmark and I get as a result three key improvements that we can implement in the new e-commerce platform:
Make the website more visually appealing by using high-quality images to showcase the products and services offered.
Use clear and concise language that is easy to understand.
Make the navigation easy to use by organizing the website in a logical way and using clear labels.

During this phase, it's essential to establish a workflow to gain a clear understanding of our design objectives. This involves meetings with Product Owners, market experts, and business analysts to gather all the necessary requirements to create the designs.

I designed hero banners using the design system, following its specifications for grid layout, breakpoints, typography, and buttons. My responsibilities included UI design, selecting colors, arranging images, and maintaining brand consistency. These banners aimed to attract attention and provide informative content.
They successfully promoted various products and services, leading to increased brand visibility and sales.

The website had too many sections, so a main menu was necessary. I designed a new proposal for the menu that was scalable in terms of item display, it can be adapted to accommodate a growing number of sections. This is important because the website is expected to continue to grow in the future.

The product listing page (PLP) is where the majority of traffic to an e-commerce website comes from. It is typically a grid of product cards, each of which contains a product name, price, and other relevant information related to the plans, The product display is simplified for easy reading.

The product detail page (PDP) allows users to configure their plan by adding additional items such as a WiFi extender, TV box, additional channels, and insurance, etc.
This gives users the flexibility to customize their plan to meet their individual needs.The PDP is a critical part of the e-commerce experience, as it is where users make their final decision about whether or not to purchase a product. By providing users with the ability to configure their plan, businesses can increase the likelihood of a sale.

The shipping address section is part of the checkout process. Users must confirm the address where their product will be delivered. This information is collected from the market. By providing accurate shipping information, users can help to ensure that their order is delivered on time.

When I design the mobile views for the e-commerce platform, we carefully considered the market's breakpoints as indicated by the analytics tool.

I define a scale of typography using H1, H2, H3, H4, and H5 headers. Additionally, we ensure that all typography is implemented as tokens, making it easy to consume and rapidly build screens. This approach enhances consistency and efficiency throughout the design process.

The brand just have define the primary colors, the rest of the scale focus on accessibility and ease of use. Through them The scales are divided into 10 levels: the colors from 10 to 40 have a contrasting warranty of > 4.5:1 in white backgrounds, while the ones from 70 to 100 have the same warranty in dark backgrounds. In this way, our components respect the adequate contrast proportions for textual and interactive elements and non-interactive elements, in accordance with any palette.