Kiki Mowery UI-UX Portfolio

This page highlights a few work samples from the most recent project I have designed for at General Motors. At the bottom are various examples of UX research work. This page is best viewed on a desktop.

For a detailed description of my responsibilities on the 6 internal web/responsive projects I have led design for, read this.

For a detailed description of my responsibilities on <2019 external work on native mobile apps and some visual examples, read this.

You are viewing this page because I have given you the password to see my GM internal product design work. Most of my work is not sanctioned to be seen by the public due to the competitive nature of its market. By accessing this page you agree to not copy, download or share this work outside of our interactions. Thank you for your cooperation.

Connected Showroom

Lead Project Designer from June 2020 - Present

Connected Showroom is GM’s current dealer dashboard for making vehicle sales. I had previously served as the designer for the mobile app version, named Dealer Sales Assistant, from 2018 to 2020. In the wake of the pandemic, the Connected Showroom project began an innovation phase that I was assigned to design for. Dealer Sales Assistant was deprecated, and Connected Showroom took over. Since then I have served as the lead designer in overhauling the site and delivering new features, including every step of the process from site mapping to user testing to delivering final comps in Figma.

My work involves delivering sprint-based feature work in tandem with continued direction and completion of innovation work. I work cross functionally with business/requirements analysts and developers on a regular basis. Our solutions are collaborative, based on an internal design system, and built to be responsive across devices.

Below I will walk through a few features that I have delivered for Connected Showroom.

Reservations

From December 2021 to September 2022 I worked cross functionally with the Connected Showroom team to develop a Reservations experience that allows dealers to view information on incoming ‘prospects’ for their dealership. The feature is currently being used to process reservations this year for GM’s Hummer EV, Silverado EV, and future EV vehicle reservations and pre-orders.

I was responsible for handling design work for this feature from ideation to delivery. The work was delivered via Figma.

Initial wireframes based on first set of requirements, winter 2021

Deal Dashboard Overhaul

Since I started designing for Connected Showroom it has been my ongoing pet project to fix this section of the site. I have led the efforts in industry research / benchmarking, wireframing, iterating, user testing, and visual design. The team was not looking to update this feature but after seeing my work, the design is soon to be implemented in GM’s Brazil market.

Humble Beginnings

The problematic starting point contained an overwhelming amount of data with no organization and a "stepper" progress bar that does not actually step the user through the progress.

I created the flow chart to the right to demonstrate the evolution of realizing how the user should be able to move through the experience. The team had been treating the experience as a linear step by step process when in reality, car sales can start from one of many entry points (customers, vehicles, and trade-ins being the most common) and the user needed to be able to move back and forth between the subsections of information.

Searching for a Solution

After realizing the navigational quandary that was presented I got to work drafting a new layout paradigm. The user starts with the necessary basic factors needed to create a deal, and then further tabs are unlocked allowing them to move freely between certain tabs, depending on how far into the deal they are. Below is the presentation I put together after running user tests with wireframes I drafted.

Refining the Design

After user testing we discovered certain factors needed to be moved around or adjusted. On the left is a wireframe from the user testing process. On the right is the first edition of the visual design for this overhaul that accommodates those changes and incorporates the internal tools design system. Stakeholders are incredibly pleased with this design and are planning to release it for the Brazil market in 2023.

Settings Overhaul

In August of 2022 the team was preparing to make a few small updates to the Settings section of the site. I proposed that we pause and take the opportunity to give the feature a much needed face lift.

I then worked with the developers, requirements and business analysts to deliver a full screen transformation of settings within Connected Showroom. The end result is a much less clunky experience that easily translates to responsive views without the stress and squash of popovers.

Below is a look at the beginning state screens versus what was delivered. The work was delivered via Figma.

Notification Settings - Associate View 01.png

Notification Settings - Associate View 3.png

Notification Settings - Associate View 4.png

Breakpoints Guide

In 2021 Connected Showroom moved to a responsive 12-column grid after I created this guide for the team. I researched and worked with our developers to create a system that would work for our site and empower new designers to create work for the project with less guessing. Here are 3 pages excerpted from the guide.

Design Process

I created this process map to detail what our design team does at each step of our process and help our stakeholders understand everything that goes into creating our work.