Screen Recording November 2023

Goals & Vision​​​​​​​
We needed a flexible, easy-to-use web application that could integrate into a wide variety of brands. Photographers needed to be able to use the tool and to feel comfortable sharing with their clients (end-consumer) to use as well. Each item is fully custom made, some wall display products can cost hundreds of dollars, because of this it was essential to build confidence prior to order submission.

Roles & Responsibilities
I was the sole designer on the project working within the design system that I developed for all of the design apps. Along with design, I have taken part in frontend react development for a variety of features including architecting and building the shared theming and components, building the gallery filter menu, supporting new products, enhancing renderings, and more.

Results
We built a theme-able interface with flexible selections and high quality renderings which benefit over 5,000 users each month. This tool has become the primary ordering method for all wall products at White House Custom Colour and has created growth into new markets with it's simplicity.

Theming

Details
• Persona research and discovery to understand the needs for the variety of photographers and end consumers using this design tool for different purposes

• Collaboration with the wider design team to create a system of styles with fonts and colors

•Dark theme created to be easily implemented with consistent values in the tokens/code

•Application font list, colors, and other styles are completely theme-able by other brands

•Custom iconography created to support the unique actions of the app

•Design system styles and components structured to mimic the code structure in React with Styled components for efficiency, consistency, and to reduce error

•Documentation using Storybook and Zeroheight with language guidelines, styles, and components

You might also like

2012
Virtual Cell
Virtual Cell is an immersive multiplayer simulation that helps students learn biology. This computer game submerges the student in a three-dimensional plant cell in which students pilot a miniature submarine that allows them to explore and perform tasks. The two year project was funded by the National Institutes of Health and was released on May 15th, 2013 for sale and use in high school and college classrooms everywhere. The goal for this project was to create a game that students are attracted to play while instructors see the definite educational benefits. Every user interface, icon, logo, animation, diagram, button, screen, and layout had to be consistent and intuitive. The game uses scientific technology of the future with its idea of a microscopic submarine. All the design was aimed at maximized functionality, a futuristic style, consistency, intuitive menus, and contrast to separate the fictional from the world inside a plant cell.
UI/UX Designer, Graphic Designer | DESKTOP APP
2012 - 2013
2018
Crafted
Easiest way to order framed prints. Very simple app to help iphone users order frames quickly with their own photos.
Product Designer | NATIVE IOS
2018
2016
Thomson Reuters ProView
Thomson Reuters ProView™ is the mobile and desktop reading platform for people who are going places. On iPad®, Android® tablet, or computer, ProView delivers your Thomson Reuters eBooks and periodicals online and offline.
UI/UX Designer | WEB & NATIVE IOS+ANDROID TABLET
2014 - 2016
2017
VR Reports App
While at Thomson Reuters I had the opportunity to design an app for the virtual reality space on Google Cardboard and Samsung Gear VR headsets. The app which was released to the Google Play Store and the Apple App Store was also granted a design patent by the Swiss Federal Institute of Intellectual Property for its menu design.
Interaction & UI/UX Designer | ANDROID APP
2015 - 2016