Sleep Tight

Visual & UI design
Project Overview
A landing page for a new product launch. Copy and basic design guidelines were provided by the product and marketing teams. Feedback on initial rounds was given by the creative director.
Challenges
  • Limited creative assets
  • Cross-disciplinary feedback on creative pieces
  • Short timeline
My Role
UI Design, Visual design, Front End Development
Tools
Illustrator, Photoshop, HTML/CSS, Concepts app
Timeline
3 weeks
Wireframe Sketch
There was a tight turnaround for this project. I sketched a basic wireframe in Concepts on my iPad, but didn't spend much time on it because I knew I needed to get started on the creative assets and coding as soon as possible.

I did not lay out the whole page intentionally because I was still waiting for some copy and direction from the product team, but I wanted to get some sections down so I could better visualize the page as a whole.
Creative Assets
The marketing team was asking for various lifestyle images as well as product shots. I wanted to keep the mood light and dreamy for our target audience of primarily  30-45 y/o women. I used variations of the purple often to keep things on brand and help the different sections tie together.

I used a lot of mixed media and transparent .png images so the content in different sections flowed together nicely. I used existing icons, CTAs, and product shots to help stay on brand.
Mobile
Desktop
Post Mortem
There are some things that I would change if I were the only person involved. Like any work project, there are other parties to please and I do not always have the final say in what something looks like. Ultimately I am pleased with the final product. I think the imagery is strong and the layout flows nicely on all screen sizes.

Most importantly, the landing page converted at a higher rate than similar pages that I was not involved with.