Waves 4 Water
![](http://images.ctfassets.net/beeay9aupl8z/5nfa854ESdF73oX8RCCq2H/808b04138f77ba332887e9e529656365/wavesHero.jpg?w=1800&h=835&fm=jpg&fl=progressive&q=80&fit=thumb)
- Brand Evolution
- UX
- Design
- Development
- Contentful
- E-Commerce
- Motion
Overview
We streamlined W4W business operations by building a system custom tailored to their needs and audience. All elements of their brand besides the logo were re-imaged to create a statement making experience.
- Awwwards Honorable Mention
- 50% Increase in Page Speed
- Featured by Adobe for future thinking UX
![Waves for Water desktop website designs](http://images.ctfassets.net/beeay9aupl8z/1MSNiFYRwfLKqFe1uBHHYd/eb9670b8a4d09c9083399e1aaff2fd9d/W4W_Main.jpg?w=1680&h=996&fm=jpg&fl=progressive&q=80&fit=thumb)
W4W wanted something that paid homage to their action sports roots but elevated their brand. The founder Jon Rose is an x pro-surfer and envisioned something edgy but still timeless. We did this by introducing new brand elements like the wave and leveraging bold typography, heavy contrast, and wow moments.
![Waves for Water new fundraiser page design](http://images.ctfassets.net/beeay9aupl8z/6F0ZiDI7uCALRadz689ZFE/b57f68fea5e3e3e7896848ddb7ae794b/w4w-new-fundraiser.jpg?w=830&h=996&fm=jpg&fl=progressive&q=80&fit=thumb)
![](http://images.ctfassets.net/beeay9aupl8z/2A31bivqzK8GLS8K0pkWhW/82ea2d0e1deda28e9a6457faa637963b/w4w-three.png?w=830&h=996&fm=png&q=80&fit=thumb)
Edgy yet sophisticated, this site drops right in.
With over 70% mobile traffic the ability to quickly communicate natural disasters and allow users to donate on the fly was crucial.
![Waves for Water history section with scattered photos on top](http://images.ctfassets.net/beeay9aupl8z/6JXU461fx44zvzK4UHXDQ6/4c013f996ddf9ff2a6a5a197fbb4ff76/W4W_History_Wires.jpg?w=1680&h=996&fm=jpg&fl=progressive&q=80&fit=thumb)
![Waves for Water donation page designs](http://images.ctfassets.net/beeay9aupl8z/1pQMZB3PrOHaqZSSw6Durk/51d8210c5607d54aaa6ed80584db9fdc/W4W_Donate_Screens.jpg?w=1680&h=996&fm=jpg&fl=progressive&q=80&fit=thumb)
The donation platform is complex and allows users to donate to a W4W program or set up their own fundraiser/goals pledged to a top tier program. This is all managed and tracked via a custom dashboard and backend.
![Waves for Water programs navigation design](http://images.ctfassets.net/beeay9aupl8z/3HafblpHuZXwyzSwSW5Tn8/db0b825cebbff3149cd3292021c492ed/W4W_Program_Nav.jpg?w=1680&h=996&fm=jpg&fl=progressive&q=80&fit=thumb)
Testimonial
A passion and mission that can be felt
See the live site - wavesforwater.org
Working with Elegant Seagulls to build our new website was an absolute pleasure. We trusted them completely and the result is a site experience that has leveled up our entire organization.
![](http://images.ctfassets.net/beeay9aupl8z/5f7oaETCIQ43LdBxQVumTU/720d0d3980827b2639d53584f1e98e23/jon-rose.jpg?w=160&h=110&fm=jpg&fl=progressive&q=80&fit=thumb)
CEO