Revamping Entire Homepage
Phase 1
Case Background
On the Lideka LED site, in the 1st phase of changes we made some sitewide changes to ease navigation and improve aesthetics. Some of these included:
- Optimizing the top Navigation section
- Giving users multiple conversion opportunities
- Streamlining site navigation and usability
This summary presents which sitewide changes were introduced in order to improve conversion on the website.
The website has a custom storefront and uses Vue JS codebase.
Lideka LED caters primarily to the younger generation, who can install LEDs in their living rooms, bedrooms, and other spaces.
Overall, the company sells solar-charged batteries and lights in various forms, as well as LEDs of various sizes, in the Netherlands and throughout much of Europe.
Challenges/Problems
• Top Navigation bar consumes 45% of screen space
• Redundancy of data and unnecessary step within user journey
• Delayed response on clicking CTA, also other clicks not disabled during this load time
• Opportunities for conversions not utilized well
Implemented Solution
• Reduce the Search Bar width on the top navigation bar
Original
Variant
• Optimize the burger menu width
Original
Variant
• Enhance Top Navigation bar display
Original
Variant
• Adding a loading screen for page load
Original
Variant
• Introducing Multiple Call to Action buttons
Original
Variant
• Restructuring the funnel to improve the user experience
Original
Variant
Phase 2
Case Background
In the second phase, we concentrated only on the homepage and tried to make it more conversion-oriented. Some of the changes included –
- Revamping the above the fold banner
- Improvements to the category slider
- Eliminating Duplication
The improvements to the homepage are summarised here in order to increase website performance.
The website has a custom storefront and uses Vue JS codebase.
Lideka LED caters primarily to the younger generation, who can install LEDs in their living rooms, bedrooms, and other spaces.
Overall, the company sells solar-charged batteries and lights in various forms, as well as LEDs of various sizes, in the Netherlands and throughout much of Europe.
Challenges/Problems
• Above the fold not utilized to its full potential
• Category Slider not sized properly
• Redundant Sections on the homepage
• Single background color failed to highlight some important sections
Implemented Solution
• Improve the above the fold on the homepage
Original
Variant
• Enhance the category slider functionality
Original
Variant
• Replacing the redundant sections with an engaging creative
Original
Variant
• Alternating background color on the homepage
Original
Variant
Phase 3
Case Background
Changes in the 3rd phase were focused mostly on remodelling multiple product pages for effective conversions. This stage mainly involved adding or changing elements to improve the product page’s credibility and information. Changes on the page included –
- Introducing more pictorial elements
- Adding a value proposition on the pricing section
- Emphasizing on social proof
This portion of the deck is a summary of the changes made to the product page in order to improve website performance.
The website has a custom storefront and uses Vue JS codebase.
Lideka LED caters primarily to the younger generation, who can install LEDs in their living rooms, bedrooms, and other spaces.
Overall, the company sells solar-charged batteries and lights in various forms, as well as LEDs of various sizes, in the Netherlands and throughout much of Europe.