Boxed Water approached Traffic with the challenge of creating a big and sustainable impact by Earth Day 2017. That amounted to 42 days from kick-off to production. Traffic 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
convienient water
better for the planet
boxed water
water in a box
better for t
80
500
plastic-free
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.
Onsite SEO
Balancing product attributes with commercial intent.
Onsite 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 hand-written meta data 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 Box 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 informationarchitecture of the site was to build a fast prototype in Webflow. This allowedeveryone to scroll through the sections of the site and navigate to different pagesand 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, Traffic dove right into full color design comps. With the help of InvisionApp, we ideated quickly on a mobile and desktop experience that allowed for strong client collaboration.
Development
A fluid and streamlined Shopify ecommerce build.
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 seemless check-out flow and ecommerce 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 our finished experience. Significant effort was placed on dynamic interaction and making the mobile extremely fluid. Over 70% of Boxed Water’s traffic was from mobile devices.
40%
increase in organic search traffic within 4 months
22%
increase in site traffic
35%
increase in ranked keywords
