Brian Lueck / Projects / Kelly Olson Interiors

UI Style Guide

November 10, 2017

This is the UI style guide I designed (using Sketch) for the website I'm building for Kelly Olson Interiors. I attached a larger version of the full style guide. While I was developing this style guide, I decided to craft a versatile te...

1 attachment

kellyolsoninteriors_ui....jpg

iPhone UX for Kelly Olson Interiors' Website

September 15, 2017

This shot demonstrates the user experience for the client's website on a smaller mobile device. The attached mp4 is a deeper look at the UX, with much higher quality. You can see more about this particular project here. -- View more o...

1 attachment

kellyolson-iphone-tran....mp4

Content Choreography for Kelly Olson Interiors' Website

September 14, 2017

Using a combination of CSS animations and javascript, content either slides in or reveals itself as the user scrolls down the page. The attached mp4 is a slightly slower demo, with much higher quality. You can see more about this parti...

1 attachment

kellyolson-homepage-an....mp4

Layout for the Approach page on Kelly Olson Interiors' website

September 13, 2017

This is the browser view of the page layout for the Approach page for Kelly Olson Interiors' website (still a work in progress). Full-page screenshot is attached. You can see more about this project here. -- View more of my work: Por...

1 attachment

kellyolson_browser_app....jpg

Pages for Kelly Olson Interiors' website (small mobile device)

September 12, 2017

This shot contains 3 separate pages for Kelly Olson Interiors' website (when viewing on a smaller mobile device). Full-page screenshots are attached. You can see more about this project here. -- View more of my work: Portfolio Website ...

Icons for Kelly Olson Interiors' website

September 11, 2017

These are the icons that I developed for Kelly Olson Interiors' website... these icons demonstrate the different phases of the Design Process of her business. You can see more about this project here. -- View more of my work: Portfol...

Layout for the About page on Kelly Olson Interiors' website

September 08, 2017

This is the browser view of the page layout for the About page for Kelly Olson Interiors' website (still a work in progress). Full-page screenshot is attached. You can see more about this project here. -- View more of my work: Portfoli...

1 attachment

kellyolson_browser_abo....jpg

Homepage layout for Kelly Olson Interiors' website

September 07, 2017

Page layout for the homepage of Kelly Olson Interiors' responsive website. I've attached the browser view, and the small mobile device view to demonstrate how the site responds to different viewports. You can see more about this project...