Barton Perreira Shopify Build Case Study

Pair of green-lensed sunglasses on a white background

Sunglasses with rose lenses on a tan surface

Eyewear Luxury

Barton Perreira is an independent eyewear brand whose frames are crafted by hand in Japan.

The team had a new design from Almost Studios but needed a development partner to bring it to life. Electric Eye rebuilt the site on a customized Focal theme, matched the Figma design closely, integrated the brand's key apps and cut the ones it didn't need.

Client

Barton Perreira

Industry

Luxury Eyewear

Timeline

Website project, then ongoing retainer

Services

Design & Development

Optimization

Platform

Shopify Plus

Key Technologies

Development

The Challenge

Barton Perreira had a finished design from Almost Studios and no one to build it.

The existing code lacked best practices, and the brand needed Shopify expertise to guide a technical build worthy of a luxury audience.

Summary

Electric Eye built Barton Perreira's new design on a customized version of the Focal theme, matched to the supplied Figma files.

After auditing the existing code, we rebuilt the site from scratch, integrated business-critical apps, retired the ones the store didn't need and guided the product data structure. The team got tutorial videos for day-to-day upkeep, and Electric Eye stayed on through a retainer for ongoing optimization and maintenance.

Problem

The existing code lacked best practices, and the brand needed Shopify expertise to guide the technical build of a design created by another studio.

Solution

What we built:

Audited the existing code and found it lacked best practices
Rebuilt the site from scratch on a customized Focal theme
Matched the Almost Studios Figma design closely
Integrated business-critical apps and retired the rest
Guided the product data structure
Delivered tutorial videos for post-project maintenance

Project Objectives

Match the Design

Build the Almost Studios design closely, down to the details a luxury brand expects.

Start Clean

Rebuild from scratch instead of patching code that lacked best practices.

Speed It Up

Retire apps the store didn't need to improve load times.

Hand It Off Well

Deliver tutorial videos so the team can maintain the site after launch.

Our Strategy

Phase 1

Code Audit

Reviewed the existing code and found it lacked best practices, so we started fresh.

Phase 2

Build

A customized Focal theme matched to the Almost Studios Figma design.

Phase 3

Apps & Data

Integrated business-critical apps, retired the rest and guided the product data structure.

Phase 4

Launch & Retainer

Launch, tutorial videos for the team, then ongoing optimization and maintenance.

Key Test Wins

Screenshot of the Barton Perreira product page redesign

Figma to Shopify

Design-Matched Build

The Almost Studios design built on a customized Focal theme, matched closely to the Figma files.

Result:

Matched to the supplied design

Screenshot of the Barton Perreira sunglasses collection page

Load Times

Leaner App Stack

Retired the apps the store didn't need.

Result:

Faster load times

Screenshot of a Barton Perreira editorial page with eyewear campaign imagery

Tutorial Videos

Self-Serve Team

Video tutorials so the team can handle day-to-day updates after launch.

Result:

Team updates the site on their own

Technology & Tools Used

Development

Shopify Liquid, custom JavaScript, Shogun page builder

"I was impressed with the team's exceptional communication skills and their sense of urgency in completing projects promptly."

Key Learnings & Takeaways

Design and Build Can Be Separate

A strong design studio plus a Shopify build partner works when communication is tight.

Start From a Solid Theme

Customizing Focal kept the build fast and easier to maintain.

Leave the Team Ready

Tutorial videos made the hand-off stick.

Explore More Work

Our Core Services

Optimization
Design & Development
Migrations to Shopify

Our Optimization Process

Data Collection
Assessment & Prioritization
Planning & Phase Gating
Design & Implementation
Testing & Learning
Decision & Execution
Analysis & Iteration