boxed-water
Boxed Water approached OneMagnify with the challenge of creating a big and sustainable impact by Earth Day 2017. That amounted to 42 days from kickoff to production. We had to develop a unique method of collaboration and project delivery to support the goal.

Keyword research.

Isolating opportunity in a crowded space.

80

primary keyword targets

500

mid and long tail keywordvariations

bottled water alternatives

water delivery

convenient water

better for the planet

boxed water

water in a box

better for t

plastic-free

80

500

why is boxed water better?

sustainable

primary keyword targets

mid- and long-tail keyword variations

Keyword deliverables.

Our research produced a strategy that was focused on positioning Boxed Water’s content to audiences focused on sustainability and products within the beverage category. We created strategic intent for their lifestyle content that would produce inbound traffic.

On-site SEO.

Balancing product attributes with commercial intent.

seo

On-site deliverables.

Boxed Water was focused on online subscriptions and product sales, so we knew we would have to carve out a precise keyword strategy which would correlate well to the sitemap used in the build. We implemented handwritten metadata and used schema markup for efficient discovery of production attributes.

Art direction.

Pure and simple. Just like the product.

boxed-water
boxed-water
boxed-water

Typography

Acumin Pro Extra Condensed
typography
ITC Avant Garde Gothic Pro
boxed-water
 
boxed-water

UX design.

Simple but purposeful.

boxed-water

Sitemap.

We structured the sitemap to emphasize the focus on promotions and cart building. While Boxed Water is sold in many stores, a primary goal was to bring users into an online transactional experience.

boxed-water

UX prototype.

Since time was limited, we thought the fastest way to flesh out the information architecture of the site was to build a fast prototype in Webflow. This allowed everyone to scroll through the sections of the site and navigate to different pages and really get a feel for how the content would flow.

hello

Visual design.

Making it all come together. Beautifully.

boxed-water

Design comps.

To support an incredibly short timeline, OneMagnify dove right into full-color design comps. With the help of InVision App, we ideated quickly on a mobile and desktop experience that allowed for strong client collaboration.

boxed-water
boxed-water
slide1
slide2
slide3
slide4
boxed-water
boxed-water
boxed-water
boxed-water
boxed-water

Development..

Institutionally executed.

boxed-water
boxed-water
boxed-water
boxed-water
boxed-water
Tech stack.

We went right from Sketch to an HTML/CSS/JS static build. We leveraged GreenSock for some precisely timed dynamic interactions to help the site work harder to tell Boxed Water’s story. The front end was architected into Shopify to provide seamless checkout flow and e-commerce functionality.

Quick execution.

We launched the fully Scratch-designed and hand-coded experience in just 42 days, which included an incredible amount of client collaboration.

Rich animation.

Animating the site was critical to our finished experience. Significant effort was placed on dynamic interaction and making the mobile version extremely fluid. Over 70% of Boxed Water’s traffic was from mobile devices.

40%

increase in organic search traffic within four months

22%

increase in site traffic

35%

increase in ranked keywords