UI/UX Design
![tr-website-app ui sample - training](https://shanewhitehouse.com/wp-content/uploads/2021/09/tr-website-app.jpg)
Totally Raw Pet Food
The Context
Totally Raw Pet Food needed a new, responsive, user-friendly e-commerce website where a majority of the customers ordered products from their phone.
The Challenge
Totally Raw’s existing website wasnt easy to navigate or maintain and confusing to purchase products.
The Solution
I redesigned the e-commerce experience to work with mobile users first, keeping the product on brand and fun to utilize.
Tools Used
Figma | Adobe XD | Miro | Photoshop
![tr-website-app](https://shanewhitehouse.com/wp-content/uploads/2021/09/tr-website-app.jpg)
Wireframes
![UX-UI-Userflow-TR](https://shanewhitehouse.com/wp-content/uploads/2021/09/Screen-Shot-2021-09-29-at-9.25.01-AM-scaled.jpg)
Userflow
![UX-UI-Userflow-TR UX-UI-Userflow-TR](https://shanewhitehouse.com/wp-content/uploads/2021/09/Screen-Shot-2021-09-29-at-9.11.16-AM-scaled.jpg)
![edvelope logo edvelope logo](https://shanewhitehouse.com/wp-content/uploads/2021/09/edvelope-logo.png)
Edvelope – Assessment App
CLIENT
Edvelope (Startup)
ROLE
UI/UX Design, Graphic Designer
PROJECT SCOPE
UI/UX
Prototyping
THE ASK
Create a mock design and user experience for a educational assessment app company.
THE DELIVERY
I designed and developed a light interface for their courseware to test the market usability.
![ui sample - training ui sample - training](https://shanewhitehouse.com/wp-content/uploads/2021/09/ui-sample-training.jpg)
![1280px-Stargate_Atlantis_2004_logo.svg edvelope logo](https://shanewhitehouse.com/wp-content/uploads/2021/10/1280px-Stargate_Atlantis_2004_logo.svg_.png)
Stargate Atlantis / SG1
CLIENT
Sony Picture Studios
ROLE
UI/UX Designer, Motion Graphic Designer, Playback Artist
PROJECT SCOPE
UI/UX
Interactive Design
Prototyping
THE ASK
From 2005-2006 I worked on the Sci Fi TV show, Stargate Atlantis / SG1 as a UI/UX Designer and Motion Graphic Artist. They required a new UI/UX designer for the screens on the show that the actors interacted with.
THE DELIVERY
I created a variety of interactive graphics for the show that the actors interacted with, live on set. These included graphics on handheld devices, ship consoles and background displays. I worked closely with the Directors, Producers and Writers to deliver the experience required.
![shane-whitehouse-screen-shot-2016-05-27-at-10-21-24-am](https://shanewhitehouse.com/wp-content/uploads/2021/10/shane-whitehouse-screen-shot-2016-05-27-at-10-21-24-am.jpg)
![shane-whitehouse-screen-shot-2016-05-27-at-10-21-29-am](https://shanewhitehouse.com/wp-content/uploads/2021/10/shane-whitehouse-screen-shot-2016-05-27-at-10-21-29-am.jpg)
![shane-whitehouse-screen-shot-2016-05-27-at-10-21-10-am](https://shanewhitehouse.com/wp-content/uploads/2021/10/shane-whitehouse-screen-shot-2016-05-27-at-10-21-10-am.jpg)
![shane-whitehouse-screen-shot-2016-05-27-at-10-20-30-am](https://shanewhitehouse.com/wp-content/uploads/2021/10/shane-whitehouse-screen-shot-2016-05-27-at-10-20-30-am.jpg)
![shane-whitehouse-screen-shot-2016-05-27-at-10-20-12-am](https://shanewhitehouse.com/wp-content/uploads/2021/10/shane-whitehouse-screen-shot-2016-05-27-at-10-20-12-am.jpg)
![shane-whitehouse-screen-shot-2016-05-27-at-10-21-38-am](https://shanewhitehouse.com/wp-content/uploads/2021/10/shane-whitehouse-screen-shot-2016-05-27-at-10-21-38-am.jpg)
![shane-whitehouse-buildanautscharacters edvelope logo](https://shanewhitehouse.com/wp-content/uploads/2021/10/shane-whitehouse-buildanautscharacters.jpg)
Buildanauts
Game
Buildanauts
ROLE
Project Lead, Art Director, Game Designer, UI/UX Designer, Animator
PROJECT SCOPE
Animation
Art Direction
Illustration
THE ASK
A video game project that required a user interface for designing, planning and building architectural structures in the game.
THE DELIVERY
I created the interface and user experience for Buildanauts which allowed the player to design structures in the game.
Tools Used
Unity | Spine | Illustrator | Photoshop | Blender
![shane-whitehouse-buildanautsgui-v5](https://shanewhitehouse.com/wp-content/uploads/2021/10/shane-whitehouse-buildanautsgui-v5.jpg)
![sidneycrosby-logo](https://shanewhitehouse.com/wp-content/uploads/2021/10/sidneycrosby-logo.png)
Workout with Sidney Crosby
Client
Bell/Sympatico, MSN, Stich Media
ROLE
Art Director, UI/UX Designer
PROJECT SCOPE
UI/UX Design
Graphic Design
THE ASK
I was approached to design an interactive experience for Sidney Crosby in 2009. Although the design is now outdated, it was a fun project that received positive feedback all around.
THE DELIVERY
I successfully delivered a user-friendly interface that received over 120k visits on launch day and 650k visitors in its 3-month run.
Tools Used
Illustrator | Photoshop | After Effects
![shane-whitehouse-workout with sidney crosby shane-whitehouse-workout with sidney crosby](https://shanewhitehouse.com/wp-content/uploads/2022/06/shane-whitehouse-screen-shot-2016-11-23-at-1-45-42-pm.jpg)
![shane-whitehouse-workout with sidney crosby shane-whitehouse-workout with sidney crosby](https://shanewhitehouse.com/wp-content/uploads/2022/06/shane-whitehouse-screen-shot-2016-11-23-at-1-45-33-pm.jpg)
![shane-whitehouse-screen-shot-2016-11-23-at-1-45-57-pm shane-whitehouse-workout with sidney crosby](https://shanewhitehouse.com/wp-content/uploads/2022/06/shane-whitehouse-screen-shot-2016-11-23-at-1-45-57-pm.jpg)