Web & Graphic Design

Web Design for Glass Straw Company

Overview:

DrinkingStraws.Glass sells hand-blown glass straws, a part of their mission to reduce plastic in our oceans. They were in need of a website redesign and an upgraded experience on WooCommerce. I worked with them to establish brand guidelines and build a responsive WordPress site.

My contributions: 

Brand style guide, wireframes and mockups, website build in WordPress, WooCommerce setup, product photography.

See live site >>

Challenge:

Optimize their e-commerce site for a more seamless shopping experience.

Objective:

Increase conversion rates, improve SEO, page speed, and UX. 

Solution:

A redesigned, responsive WordPress website, complete with new photos of their best selling products. 

Tools used:

Adobe XD, Lightroom, & Photoshop; WordPress; WooCommerce

Adobe XD logo
Adobe Lightroom logo
Adobe Photoshop logo
WordPress logo

Branding & UI Kit

I put together a UI kit to establish the basic branding guidelines for DrinkingStraws.Glass.

UI Kit for glass straw company

Product Photography

My work for DSG has included product and lifestyle photography to better highlight the quality of their products.

Paw print accented glass straw in a cup of iced coffee by the window
Various accented glass straws
Glass sea turtle straw in a cup of iced coffee

Mockups & Final Design

Homepage mockup for glass straw brand
Adobe XD mockup of homepage design
Mobile mockup for homepage
Adobe XD mockup of mobile homepage
Final homepage design for glass straw company
Final live WordPress homepage
Glass straw company website on three different screen sizes

Fully Responsive eCommerce Experience

The new site was optimized to look good and function well on any screen size. Some of the features that added to functionality included product filtering, improved navigation & search, and product variation swatches.

Various webpages on the DrinkingStraws.Glass website