3 eCommerce Web Designs Done Right
The eCommerce landscape is changing faster than anyone could have predicted, and technology used for online shopping has evolved from dial-up desktop usage to 4G mobile technology, and nearly everything in between. As the eCommerce industry continues to evolve, great opportunities continue to emerge through the constant innovation of eCommerce web design. Below you're going to see 3 eCommerce website design "before and after" comparisons that employ these key eCommerce design elements to attract new online customers and increasing online sales:
- Responsive web design
- User experience/user interface design
- eCommerce strategy and planning
1. Magento Magnate
The Magento Magnate website was underwent a responsive web redesign, allowing the content to reflow to different browser types and sizes as through one fluid canvas. Through the EYEMAGINE team's custom animation and illustration, the newly redesigned and rebranded Magento Magnate site takes users through a unique lifestyle experience. The site's new design direction is to give users the experience of working remotely, while the site's horizontal layout takes the user through various scenes of working without the feeling of working.
A major improvement to the Magento Magnate website's functionality is responsive web design. As cell phone and laptop computing capabilities have increased, screen dimensions and sizes have morphed. Consumers and businesses alike have adapted to new ways of shopping online, but many eCommerce websites are catching up too slowly. Customers are faced with eCommerce web designs that are not formatted for the device type they use for online shopping. This leads to a less personalized user experience.
Responsive web design addresses your customers' propensity to shop online across various devices. Browsing dimensions are based on the varying and changing devices sizes. What a customer sees on desktop monitor will scale to fit mobile and tablet screens, enabling eCommerce storefronts to enhance their customers' online buying experience.
2. BRAVEN:
BRAVEN underwent an eCommerce redesign to convey a lifestyle experience through their website, while boldly declaring that it’s volumes above its ever-expanding competition. The online retailer sought a solution that has a flexible, robust framework, handles intensive ERP, automates distribution, easily reports inventory, and keeps tabs on customer service.
The site was redesigned to anticipate new BRAVEN products, show off the product’s features, and function with a new re-platform to Magento Enterprise Edition. As BRAVEN's Magento Gold Solution Partner EYEMAGINE helped BRAVEN realize their business dreams and reach their 2-month redesign deadline. Their new eCommerce web design featured a clean, clutter-free layout, large "hero" product imagery, long-scrolling product pages, and elegant, lifestyle designs.
Following the redesign, the company saw the following benefits:
- Page load time decreased by over 20%, resulting in consumers tripling time spent on the site
- Average quantity per transaction increased by over 116%
- Conversion revenue through Google Adwords rose by 85% and visits via social referral increased by over 40%
- Consumers average order value more than doubled
- Direct visits to the homepage increased by over 10%
- Direct conversions were over 65% and organic search conversions were over 30%
EYEMAGINE was recognized as a 2013 Webby Award Honoree and a 2013 Silver W3 Winner for its excellence in website design for BRAVEN.
3. PriceSpider
Proper strategic planning of an eCommerce site layout enables the eCommerce customer to easily reach their desired destination in fewer clicks. PriceSpider's innovative and newly restructured business model called for an eCommerce web redesign with a clean layout, driving customers to find what they are looking for, faster. EYEMAGINE acted as the chief creative force in translating PriceSpider’s new values, goals, and business aspect into the brand’s home website and navigation. The redesign involved a modern logo, interactive functionality, and a redefined brand identity to support PriceSpider’s new business model.
Tasked to relay information in a simple, clean way, EYEMAGINE brought clarity, vision, and its vast knowledge of innovative design trends and applications in the eCommerce website design. Included in the redesign:
- A new logo which spearheads PriceSpider’s campaign to change brand identity and user experience
- A cleanly spaced layout that conveys business features through infographics and iconography, instead of a traditional, text-heavy approach
- A top-down infographics display to build a modern spin on list and features formats
- Hover-over displays and animated interactions activated by the click of a button
- Clear navigation through a few crucial tiers
- An overall “take action” user experience for the visitor. Links open up graphics and supporting bullet point content, encouraging visitors to scroll and browse content
Sometimes all it takes to create the site of your dreams is a sense of adventure and an eCommerce agency partner with expertise in eCommerce web design best practices, responsive web design, user experience/user interface, eCommerce strategy.
