At One Kings Lane, I led the design for the shopping cart and checkout experiences. A large amount of research and testing was involved around checkout flow best practices. One of the most interesting findings was that there are very few forms that actually need to be completed in order to make a purchase.
The screens shown to the left illustrate the execution of a fully responsive checkout flow requiring very little needed input from the user, while giving them all of the information required to make a purchase. A noticeable lift in conversion and average order value was observed with the checkout redesign.
OKL Responsive Grid System
At One Kings Lane, I led the effort for a consistent grid system to be used across all devices and platforms. I developed a structure for desktop that would allow all imagery, type, and UI elements to be aligned perfectly to a 6 pixel grid. For other devices the original grid system was resized proportionately and was intended for a truly device-agnostic approach. A baseline grid was also added to achieve better organization and vertical rhythm across the site and app.
The example shown below illustrates the Shopping Cart screen on different devices. This flow is the first experience within One Kings Lane to utilize the new responsive framework and is still a work in progress.
OKL Search Autocomplete
I designed for an experience to help guide searches in the right direction. The content within the autocomplete changes based on query specificity. Essentially, a broad search would yield results which are more for inspiration. A more specific search would yield a more focused and directed result set. Some of the query examples are displayed in the designs on this page. I led the interaction and visual design for this project.
Jobvite is a company with an industry leading recruiting platform and applicant tracking system which enables companies to recruit top talent and build winning teams.
The Jobvite Scheduler was designed to allow coordinators to schedule interviews much faster than any other applicant tracking system on the market. The interface allows users to check interviewer's free/busy schedules in Outlook and Google Calendar. The drag and drop feature allows for quick and easy scheduling.
This project was a result of a collaborative process with the Product and Engineering teams at Jobvite. The images shown showcase an interview schedule between a job seeker and a hiring team. The wireframes were completed at a high-fidelity.
The El Royale is considered to be the most glamorous apartment building in Los Angeles. There is a lot of rich history associated with the apartments which actors such as Clark Gable, Loretta Young and Nicholas Cage – among others – once called home. It has been a recognized Los Angeles landmark for over 80 years.
The goal of the project was to effectively communicate the concept of historic luxury and appeal to prospective tenants. I wanted to give the site a luxurious feel while showcasing the history and making it still appear approachable. The result is a fully responsive solution that showcases the beauty of the apartment complex.
Prototyping directly in Bootstrap, I was able to create a responsive site that can be very easily updated and works well on all device sizes. I created the visual design as well as the front-end coding. Prospective tenants have claimed that it was very easy to find information they wanted and were inspired by the overall site.
The Burnlab Identity design is a conceptual project for a startup incubator based in Los Angeles. The company requested an edgy identity with a scientific look and feel to reflect the company name and brand.
Multiple design directions were explored and numerous feedback cycles produced the final result. The images shown are of the finalized logo as well as a concept for business card design. The logo is an image of a flame-like DNA double helix resembling an uppercase "B".
FIREFX is a professional grade high-performance media system developer. They believe in providing people the best, fastest, and most intuitive way to store, control, and experience their media content.
The goal for this project was to create a brand identity for the company which reflects the cutting edge, innovative, and bold nature of the products they offer. The research and discovery phase involved becoming an expert in the space that the company is in as well as getting a great understanding of the competition. I developed the visual and brand design through multiple review cycles. The final deliverables for the project were the logo and business card designs.
Herman Miller Presentation
MyStudio is a workspace and workstation system created by Herman Miller that provides an environment where people can work individually and collectively in a variety of spaces.
The interactive presentation I helped create showcased the features, ideas, and perspectives behind the radical new office system. Working with the marketing team at Herman Miller and a design agency, I was tasked with some of the visual design work as well as coding various interactive elements. The final deliverable was presented to numerous Herman Miller customers around the world.
Windows 8 Apps
Windows 8 introduced major UI changes and improvements utilizing Microsoft's "Metro" design language. While working as a contractor at Microsoft I created numerous concept designs and mockups for Window 8 Apps. I mainly worked with visual designs on these projects. These concepts were then pitched to various Microsoft partners with the intent to get them to create their own Windows 8 Apps.
Jobvite Mobile Career Sites
The mobile career site design was created as an upsell option for Jobvite's customers. I created a standard responsive site option which would be optimal for mobile use cases. The desktop version of career sites was also updated.
This project was a result of a collaborative process with the Product and Engineering teams at Jobvite. The image shown showcases a list of open jobs at a company and a job detail page.
Notifications in Myspace allowed users to know whenever they receive a new request, message or general notification. This project was created for the Communications vertical.
I was tasked with the Interaction and Visual Design for Notifications across Myspace. I was responsible for the design from whiteboard to wireframes to final design deliverables. The images below illustrate the design from concept to completion. User testing helped influence the final design.