fbpx

FRAMEBRIDGE —

High-touch, personalized omnichannel commerce for the leader in custom framing.

Pattern-Framebridge-Marquee-@2x

THE CONTEXT —

They say memories are like masterpieces, so it only makes sense that you’d want to put a frame around the moments, people and things you love and hang it on your wall.

With our expertise in customization, commerce and content, Pattern transformed the Framebridge user journey from end to end, infusing it with genuine delight and a powerful omnichannel design system that enables speed, scale and serendipity from online to in-store.

TECHNOLOGY PLATFORMS  —

Shopify Plus & Shopify POS 

IMPACT —

+180%

200%

200%

200%

+45%

200%

200%

200%

+62%

10%

10%

10%

Overall revenue

Increase in
conversion rate

Increase in
conversion rate

Increase in
conversion

Overall AOV

Increase in
conversion rate

Increase in
conversion rate

Increase in
conversion

Overall conversion rate

Increase in average order value

Increase in
average order value

Increase in
average order value

Increase in
AOV

+187%

30%

30%

30%

+42%

30%

30%

30%

+66%

30%

30%

30%

Mobile revenue

Increase in mobile revenue

Increase in
mobile revenue

Increase in
mobile revenue

Increase in
mobile revenue

Mobile AOV

Increase in mobile revenue

Increase in
mobile revenue

Increase in
mobile revenue

Increase in
mobile revenue

Mobile conversion rate

Increase in mobile revenue

Increase in
mobile revenue

Increase in
mobile revenue

Increase in
mobile revenue

AWARDS & RECOGNITION —

AWARDS & RECOGNITION —

awwwards
cssda

"Pattern has been nothing less than a perfect partner. I think that I can speak for all of us when I say that it was an absolute pleasure working with everyone on your team, and we are thrilled that people are finally able to see your work."

Dan Nykolayko
Director of Digital Content
Met Club & Metallica.com

Pattern-Framebridge-iPhoneISO@2x

KEY CHALLENGES —

01. Outdated Platform
For its first 9 years, Framebridge launched and operated on a home grown, open-source commerce platform. Over time, the platform atrophied and more and more resources were spent maintaining instead of innovating. Ultimately, this began holding back their growth and created real business risk.

02. Stagnant UX
Launched in 2014, Framebridge was, and still is, a trailblazer. But as DTC evolved, so did the competition — and a lot of it. The brand and business of Framebridge outgrew the old sites ability to stay current with a new class of mobile-first and socially savvy customers — and the brand image began to fade underneath the hard-to-update features.

03. Fragmented CX
As Framebridge grew their physical store footprint and offered more complex products and services like design consultations, managing their CX during periods of growth and high-traffic became untenable. With features like buy online pickup in store and virtual design sessions, a homegrown platform simply wasn't agile or flexible enough for their growth plans and CX vision.

04. Speed & Scale
Modern DTC & omnichannel success requires speed and scale. Planning, creating and deploying the kinds of innovative customer experiences, marketing & growth initiatives, real-time pivots and continuous improvements that drive transformational results simply couldn't be done on Framebridge's old platform.

KEY DESIGN & UX INSIGHTS —

While competitors run toward cheaper & faster, our strategy aligned Framebridge with differentiating through their product quality, care when handing customers most cherished items, and vastly superior USA-based materials and manufacturing.

Our overall experience design solution is an elevated, organized, experiential approach to custom online framing that centers the human desire to frame and display meaningful moments.

WHAT WE DID —

User & Customer Research
Content Strategy
Information Architecture
UX Design for Shopify Plus
Visual/UI Design for Shopify Plus
Design Systems
Interaction & Motion Design
Art Direction
Shopify POS Design
Omnichannel Cart & Checkout Design

Pattern-Framebridge-Homepage

PRODUCT DISPLAY & STORYTELLING —

Rich, immersive product pages allow customers to preview their cherished items in any frame. Seamlessly integrated education modules and content sections showcase Framebridge's industry-leading manufacturing and handling process, building trust and offering assurance throughout the shopping journey.

Pattern-Framebridge-custom-frame
Pattern-Framebridge-CollectionsPage-filter
Pattern-Framebridge-CategoryLanding

SHOPPABLE MOMENTS & EXPRESSIVE DESIGN SYSTEMS —

Shoppable moments appear at every turn — highlighting both the personal nature of the items being framed and providing inspiration to customers by showcasing the creative and unique spaces their framed object might live in, all while differentiating Framebridge from it's "convenience" based competitors.

Even the most technical moments of the journey are infused with joyfulness, clarity and purpose — helping to turn browsers into buyers.

Pattern-Framebridge-StyleGuidePages
Pattern-Framebridge-mobileDesignSystem@2x

LET'S TALK —

We're here to help — tell us about your next project.

OMNICHANNEL DESIGN FOR 2-WAY TRANSACTIONS —

Start online, finish in store.
Start in store, finish online.

Pattern & our development partners at SDG designed and built a true omnichannel cart that is persistent across website, POS and even the Framebridge app.

Our powerful cart UX pushes Shopify Plus & Shopify POS to its limits with deeply integrated features like product pre-visualization, buy online pick up in store (BOPIS), in-cart upsells, gift notes, line-item duplication, in-store drop off of items to be framed, and much more.

Custom POS apps were built to give Sales Reps access to customer carts, a custom framing flow and the ability to build custom frames on POS.

Shopify POS for Framebridge takes the form of a custom framing tool. This intentionally keeps Sales Reps out of the Shopify Admin for complex actions and keeps the focus where it's most valuable — on the customer and their needs.

It's an enterprise-worthy. setup, it scales smoothly and provides a unified customer experience across Framebridge touchpoints .

Pattern-Framebridge-StoreDetail
Pattern-Framebridge-StoreLanding

THE FRAMEBRIDGE DIFFERENCE: MATERIALS, METHODS & STORY — 

The best brands in the world understand that theirky differentiators don't always sit on a single page, but instead act as narrative pillars that highlighting and articulate what makes their offering better than the rest.

Knowing that the difference in materials, methodology and telling a life-centric story that places customers in the middle of it all, Pattern designed even the most functional and informational moments to be playful, explorative and engaging in ways that continually reinforce Framebridge's core pillars such as trust, care and value.

Interactive experiences that highlight price transparency, designer services that create 2 way conversations, and how-to content that tells as much of a story about process as it does provide guidance to new customers all serve to elevate functional moments into valuable brand touchpoints that drive conversion across digital & in-store.

Pattern-Framebridge-HowItWorks@2x
Pattern-Framebridge-OurStory@2x
Pattern-Framebridge-DesignServices
Pattern-Framebridge-Footer
Pattern-Framebridge-Curated@2x

WE'D LOVE TO LEARN MORE ABOUT YOU—

Let's explore new ways of working together. Get in touch with us and start your next project today.

Pattern-Framebridge-LifestyleBreaker

Visit us:
2611 Eighth Street

Berkeley, CA 94710

Talk to us:
Let's make something awesome together.

Get in touch —

Talk to us:
Let's make something awesome together.

Get in touch —

Talk to us:
Let's make something awesome together.

Get in touch —

Talk to us:
Let's make something awesome together.

Get in touch —

Talk to us:
Let's make something awesome together.

Get in touch —

Work with us:
Join a culture of stoke, diversity & inclusivity.

We're hiring —

Work with us:
Join a culture of stoke, diversity & inclusivity.
We're hiring —

Work with us:
Join a culture of stoke, diversity & inclusivity.
We're hiring —

Work with us:
Join a culture of stoke, diversity & inclusivity.

We're hiring —

Work with us:
Join a culture of stoke, diversity & inclusivity.

We're hiring —

Copyright © 2018-2021 Pattern Design, LLC. All rights reserved.