Featured Work

Treverity

Treverity provides software solutions to electric and natural gas distribution utilities, capturing key data from across utility operations in real-time, and solving the most challenging operational and analytical problems.

The startup rapidly grew within a short period without any marketing collateral. Wagging Labs worked with their existing logo to design a complete marketing package including process illustrations, sales sheets, folder, tradeshow graphics and website to launch the company at a technology conference.

Testimonial

Treverity desperately needed design help. Our website, collateral, and messaging were all over the place, designed and put together over several years by different people. We desperately needed a redesign - to present a coherent brand and message to the market, and I was lucky to happen upon Janel and Wagging Labs while searching for design help. Janel has helped us step up our design game substantially - she did a complete redesign and rebuild of our website, and created print collateral for a number of product offerings. She was extremely easy to work with - fast, efficient, communicative, and responsive to our needs. Her work has allowed Treverity to go toe-to-toe with some of the largest competitors in our industry - companies with 1000x the marketing budget we have don't look as good. I am looking forward to continuing working with Janel and Wagging Labs as we grow our business.

About This Page

This header showcases a few main aspects of our bar styling options—but certainly not all!

First, we have a transparent, "absolute" bar overhanging everything. That bar is the one that houses this off canvas area.

Next, we have our "full-height" bar that is actually using a little bit of CSS magic to offset the height of the bar below it (notice how that bar is always positioned at the bottom of the screen). Additionally, notice how the text and buttons inside this bar respond to the sizing of the viewport all without the need for JavaScript.

Then, we have our last visible bar that houses our logo and navigation. This bar becomes sticky as you scroll down the screen, and also shrinks to a specified ratio of its original size. Notice how the links maintain their positioning and the logo scales automatically. Also, we've turned on our "content scrolling" for this bar, allowing its contents to be scrolled horizontally on smaller screens, a pattern we're seeing much more of on mobile devices these days.

Finally, as you scroll further down the page, you'll notice a final sticky bar slide in...from out of nowhere! This utilizes our "initially hidden" option, which allows you to bring in content further down a page as needed, perfect for the calls to action in our example.

This is only a sliver of what is possible with our new bar styling options available in our header builder. We've abstracted out a core set of useful features to achieve complex navigation layouts, and then our styling and JavaScript takes care of the rest intelligently. We look forward to seeing what you create with these new tools!