Before the design
The objectives behind redesigning these three primary pages are to identify the issues that are impacting website performance, user engagement, and the depth of scrolling on the current site.
Additionally, the aim is to capitalize on opportunities to captivate new users.
​
To begin the process, thorough research and analytics of the business are conducted to assess its strengths and weaknesses. By comparing these findings with the performance of competitors, we can gain valuable insights for the redesign strategy.
Company Analytics
Competitors Analytics
One of the main competitors
Cyberpowerpc
Let's start with wireframes
Landing Page, Deals Page, All Product Page from mobile screens to larger screens
From left to right -
Landing Page, Deals Page, All Product Page
​
Brainstorming within the design team during this phase.
Mockups & Responsive web pages
During the wireframing and prototyping phase, teams engage in continuous communication to enhance the finer aspects of the project. Simultaneously, they diligently track data to assess progress toward the established objectives. Now, let's take a look at the outcomes achieved!
Once the breakpoints are determined, we collaborate closely with developers to bring this project to life, ensuring seamless transitions from the mobile version to the desktop version.
Our focus is on perfecting layouts, components, and images, ensuring they adapt flawlessly to various screen sizes.
Landing Page
All Product Page
Sharing format with other pages such as Laptops and Vendors' pages
Deals Page
+11
Performance Score
The results
By analyzing heatmaps and user behavior recordings, we observed that upon using the redesigned website, users became more engaged with the content further down the page.
Additionally, there was a notable increase in clicks on the specific areas we intended to attract their attention to.
+8