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
500
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.
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.
Typography
Acumin Pro Extra Condensed
ITC Avant Garde Gothic Pro
UX design.
Simple but purposeful.
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.
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.
Visual design.
Making it all come together. Beautifully.
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.
Development..
Institutionally executed.
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
