Modernizing Product Selection and Mobile Optimization

E-commerce Website Redesign for CBI Solar

Visitors to the CBI Solar website faced difficulties in selecting products from a large assortment. The main task was to create a highly convenient and understandable process for browsing information on the site and ordering products. Additionally, the outdated design needed to be updated with a focus on the mobile version.

Services Provided on the Project:

Website Redesign
CMS WordPress Migration
E-commerce Integration
Desktop
CBI Solar

About Project

Client Description:

CBI Solar specializes in providing sustainable solutions in the solar energy sector, offering optimized and cost-effective options for various scales. The company deals with the generation, storage, and distribution of solar energy, meeting clients' needs for eco-friendly and reliable energy solutions.

Main Tasks and Goals of the Project:

The main tasks of the project included updating the website design, optimizing the e-commerce system, and prioritizing the use of the mobile version. These tasks were aimed at improving user experience and increasing conversions.

Website's Condition Before Work Began:

The CBI Solar website was functional, containing all necessary elements, balanced content, and photo/video materials. However, the UX and partially the UI needed updating to meet modern standards and user needs.

Problems and Challenges Faced by the Client:

The client faced a complex and inflexible administration system, making site management and updates difficult.

The CBI Solar website was functional, containing all necessary elements, balanced content, and photo/video materials. However, the UX and partially the UI needed updating to meet modern standards and user needs.

Specific Goals to be Achieved

The main goals of the project included mobile optimization, creating a modern and functional design, improving the administration system, and integrating the existing e-commerce system with the new CMS.

  • Improved page load speed
  • Enhanced user convenience on mobile devices
  • Reduced bounce and return rates

Research and Analysis

  • Market and competitor analysis to understand current trends and standards.
  • Analysis of user experience on the old site to identify pain points and opportunities for improvement.

Strategy Development

  • User Focus: Identifying user pain points and developing solutions aimed at improving their experience.
  • Mobile Optimization: Ensuring an excellent user experience on mobile devices.
  • Integration with Existing Systems: Smooth migration and integration with the existing e-commerce system.
Visual SystemMockup StageStrategyDevelopment

Design and Development Process:

  • Development of the design system, including the creation of prototypes and wireframes.
  • Design of the new interface, considering UX/UI principles.
  • UX testing to check usability and make necessary adjustments.

Tools and Technologies Used in the Project:

  • Figma for design and prototyping.
  • WordPress for content management.
  • Shopify integration modules for e-commerce functionality.
Mobile Experience

Final Project Outcomes

The project resulted in the creation of a modern website design with improved UX/UI, significantly enhancing user convenience and resource functionality.

Success Indicators:

  • Expected reduction in time to conversion.
  • Decreased bounce rate.
  • Improved SEO rankings through the implementation of on-page SEO.

Before & After

Edmonton auto shop-car repair
Repaired vehicle service Edmonton