OGIO Gift Guide

UI + UX Design

Overview

With the holiday season fast approaching, I was tasked with creating a landing page recommending the best selling OGIO products. I was given creative freedom to come up with something different to a standard category page, but as the deadline for this project was tight, I had to ensure it wasn't something which would take up too much of mine or the front-end developer's time.

After getting the structure and basic design style into a wireframe, I made some visual comps and handed over designs to the front-end dev using Zeplin. Once they were done building out the bulk of the page, I jumped into the code to add some CSS animations. I then implemented Particles.JS into the hero to create a snowing effect, and added the necessary images, links, and copy.

Role/Skills

Sketch, Zeplin, HTML/CSS, jQuery