2getheraudio Website

Front-end design of a WordPress-based CMS and eCommerce website. Custom designed unique interfaces for "Choose Your Price" and sortable product shopping grid.

Professional web design services by Catherine Koblinsky: 2getheraudio.

After I'd completed the 2getheraudio Brand Guide, I was tasked with overhauling the front end of its Wordpress-based website. Using the brand guide as the basis for my work, I implemented brightly colored stacked sections and blocky buttons.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

I created a slider template that would be used again and again to generate new banners as 2getheraudio released new content. I created a product page template that would be duplicated numerous times as I listed new products to the website.

2getheraudio website home page UI UX design.

2getheraudio website custom product page UI UX design.

Left: home page. Right: product page.

Because 2getheraudio allowed the user to choose their price and choose a charity to donate a portion of the profits to, I designed a custom interface that allowed the user to select their price and choose the charity to which they'd like to donate. I also designed a filterable product grid that coded various types of products with various colors in the 2getheraudio palette.

2getheraudio website custom price selection UI UX design.

Left: price selection interface. Right: product grid.

Product Grid

2getheraudio.com