Pixel Lava Interactive
  • Home
  • Websites
    • New Websites
    • Website Redesigns
    • Website Portfolio
    • Website Tune Ups
    • Website Updates
    • Zoom
  • Graphic Design
    • Logo design and brand identity
    • Business Cards
    • Postcards, flyers, ads and more
    • Illustration & Infographics
  • Marketing
    • Seasonal Website Promos
    • Video Holiday Cards​
    • Video & Motion Graphics
  • Training
    • Online Event Hosting
    • Web Lab Kits
    • Webinars
    • 1-to-1 Trainings
    • Weebly Training
    • Digital Summer Camp
    • Training FAQs
  • About
    • Blog
    • Client List
    • Good Vibes
    • Review Me
    • Recommendations
    • Partner Program  🔸
      • Partner Portal
    • Pixel Lava Unplugged
    • Art Barn Shop
    • Happy Holidays
    • Happy Halloween
    • Remembering Bob
    • Remembering Mary
  • Contact
    • Support
    • Make a Payment
    • Video & Motion Graphics BU

Field Notes Blog

News and thoughts on UI/UX, web design, and more.

A New Website for the Huntington Beach Desalination Project

3/2/2019

0 Comments

 
Picture
I’m excited to announce that I've just completed a website redesign for the Huntington Beach Saltwater Desalination Project. This Orange County initiative aims to bring a carbon neutral, drought-proof water supply to the Huntington Beach area of Southern California. As a redesign/upgrade from Wordpress to Weebly, this site represented two tricky technical challenges. Firstly, I needed to recreate - and improve upon - a scrolling RSS news reader feature. Secondly, I needed to recreate a javascript that counted UP (not down) in a unit of gallons (not time). Everything I build is user-editable, so these puzzles came with a big additional requirement ... my non-techy users needed to be able to edit them in the future. Our other goal was to bring the site into line with the company's established branding and associated online assets.

Pixel Lava RSS News Scroller
I decided to tackle the technical challenges head on so I set about finding an online RSS reader that offered the necessary customization to be able to match the website style sheet. I lucked out by finding a nice one and with a bit of CSS ju ju and a chunk of documentation, that was managed.


Next I went in search of javascripts. This one proved much more difficult so I ended up reverse engineering the counter out of the old site files. Customizing a javascript feature into Weebly isn't for the faint of heart but older scripts are often less problematic and again, I got lucky. After some intensive trial and error I was able to replicate it in a way that the client could manage themselves going forward. In terms of usability, I wasn't a fan of having this feature pop up on the home page as it had on the old site but thankfully the client agreed and we moved it to an internal page. 
Picture
Altogether it's an engaging image that conveys the fact that every day of inaction means thousands of gallons of fresh water lost. 
Huntington Beach Desalination Project Mobile SiteMobile view
After CarlsbadDesal.com and PoseidonWater.com this is my third website project completed in collaboration with the great team at Poseidon. It’s a real honor to work with these professionals and I want to send a special shout out to Tabitha Smith and Jessica Jones (Director of Communication Extraordinaire) for their endless professionalism and good humor. Thank you for trusting me with your website projects.

​To see the new site visit HBFreshWater.com.

0 Comments

Your comment will be posted after it is approved.


Leave a Reply.

    Blog

    Ame Stanko, San Diego Web Designer

    About the author

    As the owner of Pixel Lava Interactive I've helped hundreds of small businesses and nonprofits with websites, graphic design and more. I hope you'll find this blog full of useful information.
    ~ Ame Stanko
    Mailing List Sign Up
    Subscribe

    RSS Feed

    Categories

    All
    Announcements
    Community
    Digital Summer Camp
    DIY
    DIY Marketing
    Email Marketing
    Featured Projects
    For Nonprofits
    Fun Stuff
    Happy Holidays
    How Tos
    HTML Is Not So Scary
    Industry Musings
    Interwebs 101
    LGBT Business
    Marketing Ideas
    Monday Motivation
    New Products
    Newsletters
    Nonprofit Marketing
    Online Marketing
    Partner Program
    Pixel Lava Unplugged
    Product Updates
    Promo Ideas
    Reviews
    Scam Alerts
    Small Business Inspiration
    Small Business Marketing
    Social Media Marketing
    Tips & Tricks
    Training
    UI/UX
    Webinars
    Web Labs
    Website Workshops

    Archives

    June 2021
    September 2020
    August 2020
    December 2019
    March 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    June 2017
    May 2017
    January 2017
    December 2016
    November 2016
    August 2016
    June 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    June 2015
    May 2015
    April 2015
    March 2015
    February 2015
    January 2015
    December 2014
    October 2014
    April 2014
    January 2014
    December 2013
    November 2013
    October 2013
    July 2013
    January 2013
    December 2012
    September 2012
    April 2012
    March 2012
    February 2012
    January 2012
    December 2011
    October 2011
    February 2011
    December 2010
    October 2010
    December 2009
    October 2009
    February 2009
    December 2008
    December 2007
    December 2006
    December 2005

Home  |  Websites  |  Graphic Design  |  Marketing  |  Training  |  About  |  Shop  |  Contact

©2005-2019 Pixel Lava Interactive. All rights reserved. 🚀

  • Home
  • Websites
    • New Websites
    • Website Redesigns
    • Website Portfolio
    • Website Tune Ups
    • Website Updates
    • Zoom
  • Graphic Design
    • Logo design and brand identity
    • Business Cards
    • Postcards, flyers, ads and more
    • Illustration & Infographics
  • Marketing
    • Seasonal Website Promos
    • Video Holiday Cards​
    • Video & Motion Graphics
  • Training
    • Online Event Hosting
    • Web Lab Kits
    • Webinars
    • 1-to-1 Trainings
    • Weebly Training
    • Digital Summer Camp
    • Training FAQs
  • About
    • Blog
    • Client List
    • Good Vibes
    • Review Me
    • Recommendations
    • Partner Program  🔸
      • Partner Portal
    • Pixel Lava Unplugged
    • Art Barn Shop
    • Happy Holidays
    • Happy Halloween
    • Remembering Bob
    • Remembering Mary
  • Contact
    • Support
    • Make a Payment
    • Video & Motion Graphics BU