Euri Lighting

View live site
INDUSTRY
B2B
Wholesale
Ecommerce
Energy
SERVICES
Research & discovery
Web Design
Content Migration
Integrations
UI / UX
Web interactions & animations
Webflow development

Euri Lighting, a visionary in energy-efficient lighting solutions, approached us to transform their digital presence with a new Webflow website. This Los Angeles-based company has grown from offering affordable LED bulbs to providing over 400 products in lighting and energy conservation.

Euri's existing WordPress site was complex to manage, offered poor user experience, and had an outdated design.

They needed a Webflow solution that would simplify management, modernize their look, and cater to their B2B clients with a quote-based system for bulk purchases.Our task was to create a website that showcased Euri's extensive catalog, told their sustainability story, and functioned as a B2B e-commerce platform with a few . We needed to design a user experience that would guide customers through Euri's product range and allow them to request quotations easily.

Through our discovery process, we identified key improvements: simplifying site management, creating an intuitive B2B user experience, modernizing the design, effectively showcasing products, and implementing a quote-based system. These goals set the foundation for our comprehensive redesign project.

No items found.

“We had the pleasure of working with Snowhouse Studio on the development of our new website which involved a very complex CMS structure. Fernando’s expertise and problem-solving skills were invaluable throughout the process. He kept the project on track, ensured clear communication, and expertly guided our team through the technical challenges. His attention to detail and dedication to delivering a seamless solution resulted in a website that exceeded our expectations. We’re very grateful for Snowhouse’s attentiveness and care to our project!!”

Eujin Oh
Business Development
STAGE 1

Discovery and Planning

Snowhouse began with a comprehensive discovery and strategy process to understand Euri's specific requirements. This process included stakeholder interviews, site audits, competitor analysis, and user journey mapping. We paid special attention to Euri's unique needs, such as their complex product catalog and quote-based sales model for B2B clients.

Euri Lighting’s Strategy & Discovery outline, covering analysis, structure, and next steps.
Wireframes for Euri Lighting’s streamlined product navigation and B2B quoting system.
Site audit of Euri Lighting’s current website, mapping structure and areas for improvement.
Competitor imagery analysis highlighting lifestyle visuals and premium design elements.
STAGE 2

Web design

Leveraging insights from the discovery phase, we designed key pages of the site, focusing on effectively showcasing Euri's extensive product range. The design emphasized the company's commitment to sustainability and innovation while ensuring that the complex product information and multi-level nested filtering system remained user-friendly and intuitive for B2B customers.

Euri Lighting’s mobile-optimized design showcased on a modern device, emphasizing accessibility and sleek user experience.
A vibrant showcase of Euri Lighting’s redesigned web pages
Enhanced product listing and detail pages on Euri’s new website, designed for intuitive browsing and easy access to product specifications.
Mobile-first design of Euri’s website, featuring clear navigation, product categories, and a seamless browsing experience.
Euri’s branding update, featuring minimalist illustrations and a clean logo design, emphasizing innovation and sustainability.
STAGE 3

Webflow Development

When crafting our projects, we always consider three key factors:

  1. Client experience: Ensuring Euri could easily manage and update the platform post-delivery
  2. Our experience: Implementing solutions that allow us to work as quick efficiently as possible, keeping costs as low as possible so that the client can get a reasonable price
  3. End client (user) experience: Creating an intuitive, user-friendly e-commerce platform for them to purchase from with ease

Finding the sweet spot between these three factors guided our decisions in choosing the tech stack and defining the information architecture.

We carefully selected the best tools and frameworks for the project:

  • Webflow: For the main website build, offering flexibility and ease of use
  • Finsweet Attributes: to supercharge and add up to Webflow functionalities
  • Relume: for Webflow components and wireframing
  • Foxy Cart: To handle the quote-based ecom functionality, members area and gated content.
  • Airtable: For efficient product data management
  • Make: To create some necessary integrations and automate processes
  • Figma: For quick collaborative design and prototyping

The development stage presented several unique challenges.

The main one was that Webflow ecommerce wouldn't fit the specific needs for Euri's use case - so we had to discard it as a native solution and to look and research for 3rd party alternatives.

Other challenges were:

  1. Integrations: not originally planned, we had to include and leverage Make to create seamless integrations between Webflow, Foxy Cart, and Airtable.
  2. High-volume CMS: We utilized Webflow's top-notch CMS capabilities, combined with Airtable, to efficiently manage Euri's 400+ products.
  3. Complex Filtering: We had to meticulously plan and implement a multi-level, nested filtering system using Webflow and Finsweet Attributes to help users navigate the extensive product range.
  4. Detailed product variations: We designed a flexible product display system to accommodate products with multiple variations and specifications.
  5. Quote-based ecom: We implemented Foxy Cart to support Euri's quote-focused B2B sales model, as Webflow's native ecom system wouldn't work for the required use case.
  6. Client tiers: We developed a system for various client tiers with differentiated access and pricing, as well as gated-content pricing information.
User account management, quote requests, and sign-in screens designed for a seamless and intuitive B2B experience on Euri’s platform.
STAGE 4

QA, Testing & Delivery

Our meticulous QA process ensured all functionalities worked across various browsers and devices, with special attention to the filtering system and quote-based e-commerce features.

Throughout the project, we learned valuable lessons:

  1. Transparency and consistent communication proved to be game-changers.
  2. Stepping out of our comfort zone, particularly with new technologies like Foxy Cart, was essential to deliver the best possible results.
  3. We remained true to our commitments, finding solutions and communicating honestly about any limitations when challenges arose.

Our dedication transformed what was initially a tense environment into a collaborative team effort. Although the project timeline extended beyond our initial estimate, the final outcome was an absolute success. All barriers were overcome, and Euri was satisfied with their new, robust and streamlined e-commerce platform.

The new Euri website now effectively showcases their extensive product range, communicates their commitment to sustainability, and provides a seamless experience for their B2B customers. 

We're proud to have partnered with Euri in creating a digital platform that truly represents their innovative spirit and dedication to accessible, eco-conscious lighting solutions.

Example of the collaborative Q&A process using Pastel to refine Euri’s website design and functionality.
NEXT

GoLocker

GoLocker, the trusted secure out-of-home delivery solution catering to New York City and Los Angeles residents, recently underwent an exciting brand refresh accompanied by a comprehensive transformation of its marketing website. This revitalization was meticulously crafted to not only reflect the reliability and security inherent in GoLocker's services but also to present an enhanced and user-friendly online experience for both current and prospective users. The revamped marketing website serves as a dynamic digital gateway, embodying the convenience and peace of mind that define GoLocker's commitment to secure and efficient delivery solutions in bustling urban environments.

VIEW PROJECT