DocuSign

Overview

• DocuSign revolutionizes the way businesses handle agreements. With its secure, easy-to-use electronic signature platform, DocuSign allows companies to sign, send, and manage contracts and forms from anywhere.
• Security and sign on ease is extremely important to DocuSign to ensure the user’s experience is swift, secure, and compliant with the latest regulations.
• I worked hand-in-hand with agile development teams to design login screen settings that both addressed technical needs and user experience needs. Most of the project focused on SSO and Identity provider settings.

Impact

• Working closely with an agile team, I simplified complex workflows within the admin settings for enterprise solutions, enhancing user experience and efficiency. Additionally, I contributed to the project by designing custom iconography and converting mobile and tablet sign-in screens, creating a seamless, responsive experience for users across all devices.

Process

Define

I quickly delved into understanding the project’s scope, identifying flaws in the existing designs, and uncovering the technical needs, particularly around SSO certificate rollout. I engaged with developers and project managers to discuss the technical requirements of the SSO backend account, researched SSO certificates, Okta, and other third-party sign-on solutions, and reviewed the design kit and patterns.

Ideation

This thorough analysis informed the creation of three design options, which were then evaluated with the Systems team to ensure alignment with micro-copy and design guidelines.

Implementation

In the design delivery phase, I facilitated a smooth handoff to developers by presenting the finalized designs and ensuring all necessary specifications were clearly documented. I led a constructive discussion with the development team, addressing any questions and collaboratively refining the implementation details to ensure the designs were executed accurately and effectively.

Evaluation

During the evaluation phase, I worked closely with developers to address spec questions, resolve issues, and ensure quality control. My focus was on guiding the development process, verifying that the designs were implemented correctly, and maintaining the highest standards throughout the project.

Mobile Login Screens

Collaborated on login screens: forgot password flow, email confirmation flow, two step verification, third party login, access code, SSO signing screens for mobile, tablets and desktop.

Original Settings

Updated Design

In the new design, I implemented direct download options for SSO certificates currently used by identity providers, and I added alert banners and helper text to enhance user guidance.

Iconography Work

Internal duotone iconography (UI kit/icon sets) used by the Agreement Cloud Team.

View Project

King County

Overview

King County is a vast and diverse region encompassing over 60 agencies, including prominent ones like Public Health, Metro Transit, and the Department of Natural Resources and Parks. Currently, King County is undergoing a significant redesign initiative aimed at improving the web experience across the entire organization. This project seeks to modernize and unify the digital presence of all agencies, ensuring that residents and stakeholders have access to a more user-friendly, accessible, and cohesive online experience.

Visit the liquid design system

My Role

In the King County redesign project, my role was pivotal in creating a unified design system to bring consistency and modernity to over 20,000 web pages across the county’s diverse agencies. I developed a comprehensive UI kit in both Figma and Sketch, enabling efficient distribution of design assets and ensuring scalability. Additionally, I worked closely with developers to communicate design goals and ensure the seamless implementation of the new standards across all agencies.

Impact

• Streamlined Workflows: The design system significantly improved efficiency for the systems team, reducing redundancy and accelerating the development process.
• Consistency Across Agencies: Over 60 King County agencies achieved a unified and consistent digital presence.
• Extensive Component Library: Developed a robust library of components and over 200 clickable pages of design guidelines.
• Enhanced User Experience: The design system provided a cohesive, navigable experience across mobile and desktop platforms, improving accessibility and usability for all users.
• Collaborative Testing and Iteration: Worked directly with agencies to stress-test and refine the designs, gathering feedback and iterating on the redesign initiative.
• Comprehensive Support and Training: Provided agencies with ongoing support through office hour meetings, formal workshops, and additional guidance.
• Improved Brand Ecosystem: The result was a more harmonious and efficient product and brand ecosystem, aligning King County’s digital presence with modern standards and user expectations.

Overall Process

Define: Our Users

The audience for both our front facing KingCounty.gov website and the internal Design Systems document can be broken down into the following groups:

Define: Pain points

• Global alerts are too disruptive and cause users to leave their sites or get frustrated by the interruption.
• Ads present on some of the county pages
• No standard way to find contact information for each agency.
• Too much jargon on many of the web pages, prevents users from accomplishing tasks.
• Information architecture is a maze, lots of dead ends
• Header menu is confusing
• Search is not optimized

Implementation

In the implementation phase, I collaborated closely with developers to build new components in Sitecore CMS, ensuring alignment with the updated designs. I conducted QA on existing components and created prototypes using the new designs to facilitate a smooth transition. Additionally, I supported content producers in understanding and utilizing the new components, and worked directly with agencies to help them leverage the design system, updating their web pages to align with the project goals.

Test with Agencies

We implemented a thorough engagement process to test and refine our new design system, working closely with each agency to address their unique needs. By gathering feedback and iterating on the designs, we ensured the system aligned with their requirements and could be effectively implemented across the entire organization.

The first step for agency engagements was to hold a kick-off meeting where we described the entire engagement process, ie. what to expect.

• Then we did an ethnographic interview.
• Mapped out research information collected from the interviews into an experience map (positive and negative interactions with users).
• Created a sitemap – updating existing architecture to new standards.
• Provide design prototypes using new components
• Engaged with editing their content using updated sitecore CMS
• Let agency take the wheel and leverage new components on their own.
• Hold office hours for agencies

Design System Process

• Engage with Agency to find out what existing user pain points are
• Find opportunities for new components
• Create high fidelity prototype of components
• After the UI kit for that component is built with its component properties, I created a design system where we went further into describing the use case of each component (component properties, when to use, when to avoid using, component states, best practices)
• Provided spec documentation for developers
• Provided additional information for content producers who will eventually leverage the components

Card Sorting Activity

Goal: Create the  most useful navigation for the design system.

• Developers/Sitecore Specialists/Designers
• Card sort activity
• Analysis patterns and converged on the navigation

Quality Control

• Conducted side-by-side comparisons to show design vs development
• Communicated with developers – aligning on design details.
• This helped the team understand spacing throughout the site, from the perspective of the entire page as opposed to only looking at each component.

View Project

FabCars

Overview

• Our team was tasked with revolutionizing the car dealership experience by integrating immersive technologies like Virtual Reality (VR) and Augmented Reality (AR) into the car sales industry. Trophy Automotives commissioned a specialized team of 3D artists and UX designers to create a cutting-edge app and virtual reality experience that would attract and engage a younger demographic of buyers, specifically those aged 18-30.

Visit FabCars.com

Impact

The AR application allowed potential buyers to visualize a car of interest within their own homes, enhancing their buying journey and making it more interactive and personalized. This approach not only modernized the car buying process but also positioned Trophy Automotives as an innovative leader in the industry, appealing directly to a tech-savvy audience.

Process

Define

The project began by identifying the need to disrupt the traditional car dealership experience and appeal to a younger, tech-savvy audience. In collaboration with Trophy Automotives’ stakeholders, we defined the primary objectives: to create an immersive VR experience that would entice 18-30-year-olds to visit the dealership and to develop an AR application that would allow users to view a car of interest within their own homes. These goals shaped the direction of the project and informed all subsequent design and development decisions.

Ideate

During the ideation phase, our team, consisting of 3D artists, UX designers, and developers, brainstormed various ways to integrate AR and VR into the car buying experience. We explored concepts that would not only provide functional benefits but also create a memorable, shareable experience for users. The team focused on developing features that would allow users to virtually place cars in their home environments and interact with them as if they were physically present. This phase also involved creating initial mockups and discussing potential design directions to ensure alignment with the project’s goals.

UX/UI

1. From mocking up the initial design to creating high-fidelity prototypes, we were able to better have a conversation about the direction of the AR application.
2. Our AR application allows users to place the car of interest into their garage and simulate the “try at home” features, creating a fun way to reimagine life with your new car.

Implementation

Once the core concepts were established, we moved into the implementation phase, leveraging agile development methods. We iteratively designed and refined the AR web application, holding weekly meetings to sync on both environmental modeling and UX design. High-fidelity prototypes were created to guide the development process and to facilitate discussions with stakeholders. The AR application was built to enable users to visualize cars in their own spaces, simulating “try at home” features and enhancing the overall user experience.

Testing

In the final phase, the platform underwent rigorous testing to ensure functionality and user satisfaction. We conducted usability tests with potential customers and gathered feedback to refine the application further. This testing phase was crucial in identifying any issues and making necessary adjustments to improve the user experience. The result was a polished, user-friendly AR application that successfully met the project’s objectives and provided a unique, immersive experience for Trophy Automotives’ customers.

Facility Architecture

1. From mocking up the initial design to creating high-fidelity prototypes, we were able to better have a conversation about the direction of the AR application.
2. Our AR application allows users to place the car of interest into their garage and simulate the “try at home” features, creating a fun way to reimagine life with your new car.

View Project

Hey Neighbor

Opportunity Overview

Imagine you’re living in a busy NYC condo complex with 300 units. You need to sell your furniture quickly before moving out—but instead of dealing with the hassle of listing it online, dealing with strangers, or worrying about transportation, you can prioritize your neighbors.

Or, lets say you’re a yoga instructor, HeyNeighbor allows you to offer extra lessons to residents right in your own building, earning additional income without leaving home. You can easily set up classes, utilizing the facilities already in your building.

This app benefits property management too. By facilitating these resident-to-resident transactions and services, property managers can boost community engagement and monetize underutilized spaces, transforming them into valuable assets, and retaining residents.

OUR MISSION

To help Property Management Companies cultivate community and generate additional revenue by providing residents with convenient access to local goods and services.

OUR SOLUTION

HeyNeighbor is a multi-sided marketplace consisting of 3 features that could work independently or together as one ecosystem. The first two features are the listing and selling of goods and services, either from resident to resident, or from local businesses to the residents. The third is the listing and booking of space from the property, such as underutilized amenities, for residents to enjoy, or for local businesses to sell their goods or provide their services.

Impact: Building a Community

Partnering with HeyNeighbor allows your property to create a unique community-building experience. Residents are incentivized to use the platform for exchanging items or favors by gaining points through our reward system, which they can use to redeem for other services and goods.

This creates a micro-economy in your property that gives it the potential to become sustainable on its own. Money is constantly flowing within your property with residents helping each other with tasks or buying furniture from each other. With our branded collateral such as placards for parking spots that can be designated for car washes or car repairs, residents can experience a robust and exclusive living community that’s never been seen before. Most importantly, relationships between tenants are cultivated leading to better morale property-wide.

Process

Empathize

We interviewed 8 users in our target demographic of residents to test the usability of our prototype for the design experiment and surveyed 17 participants in the same demographic to test our visual value proposition through a survey. We also interviewed 2 users in our target demographic of Property Management Company staff to test assumptions on amenities and services offered in San Jose, CA where we will launch our design experiment.

High-level insights gleaned:

•  Prototype Usability Testing: Terminology used such as goods, services, borrowing, and loaning can become confusing and interchangeable for users when navigating the application.
•  PMC Interviews: Properties don’t have a marketplace to buy and sell goods or services, and the ones that use a property management software like ActiveBuilding only have a digital bulletin board that can be flooded with all things from announcements to wanting to sell something
• Visual Value Proposition Survey: Participants are more willing and able to provide services such as a house or pet care that they don’t need a license or certification such as professional services like personal training or yoga. 16/17 participants understood what HeyNeighbor does from our VVP. 5/17 participants also mentioned how they thought a key feature was to socialize and meet their neighbors. 14/17 participants rated 7+ out of 10 for how likely they would use the product based on the VVP. 4 participants mentioned that pricing is missing from the VVP. 2 participants mentioned concerns with safety
• Goods & Services: 12/17 participants were interested in receiving discounts. 12/17 participants were interested in buying goods. 15/17 participants were interested in selling goods. 8/17 participants were interested in borrowing goods. 8/17 participants were interested in loaning goods. 15/17 participants were interested in booking services. 4/17 participants were interested in providing services.
• However, once we listed ideas of services that could be provided 11/17 participants were interested in providing pet care services, and 12/17 were interested in house services such as grocery and package pickup, plant watering, house sitting, or moving furniture etc. Only 2 people were interested in providing personal training services. Other services participants would provide include: mentorship, tutoring, running errands, cooking etc.

OVERALL: 12/17 PARTICIPANTS SAID THEY WOULD USE HEYNEIGHBOR, AND 5/17 PARTICIPANTS SAID MAYBE.

Re-Define

Initial Problem Statement: Multifamily residents lack convenient access to list and sell goods to their neighbors, and engage in services and activities in their community.  Revised Problem Statement: Multifamily residents are willing and able to provide and receive goods and services from their neighbors, but lack a convenient and centralized platform to do so.  

Research Findings

Through research, we identified that 80% of residents are willing to exchange goods and services with their neighbors, but lack a convenient and centralized platform to do so. More than 70% were interested in helping their neighbors with pet and house care. HeyNeighbor, is a multi-sided marketplace where residents can exchange goods and services, and even activate amenity spaces to host services. Interview results   

Implementation

Armed with this information, we drafted an initial mockup that envisioned how the app could streamline resident-to-resident transactions and services. After refining the concept, we moved into the design phase, where we created high-fidelity mockups that captured the user experience and interface, setting the stage for the app’s development.

View Project

Tinder

Overview

Tinder enhances the single experience, fostering connections between individuals who might not cross paths otherwise, all while celebrating the unique journey of being single. However, the current narrative surrounding public health has shifted away from connection, associating platforms like Tinder with what some label as “digital bathhouses.” Shockingly, around 20 million new cases of sexually transmitted infections (STIs) arise annually, with nearly half occurring among young adults aged 15 to 24. The surge in STI rates is attributed to the utilization of dating apps and websites for arranging casual, often anonymous sexual encounters.

This initiative aims to develop a fictional product campaign centered around a feature designed to integrate essential sexual health information within the Tinder ecosystem, highlighting the potential to promote awareness and responsible behavior.

The Opportunity

Tinder’s lack of addressing sexual health in their entire dating ecosystem created an opportunity to improve the product. Online dating is here to stay but we can at least make it just a little bit safer.

My team sought to delve into the stigma surrounding sex and pondered, “How can we empower sexually active individuals to inquire about their partner’s sexual health status?” Keeping this goal in focus, we pinpointed the following challenges:

• There is still a stigma about talking with your partner about sex and their status.
• People either ignore or are uncomfortable with talking about their situation with people they are having or plan to have sex with
• Most platforms are antiquated (either paper or word of mouth /trust) and don’t show validity.
• Testing requires you to go to your doctor.
• There are disparate dating apps.

Target Audience

• There are ~50M Tinder users with ~5.9M Tinder Gold Subscribers ($1.2B in annual revenue)
• 30M Matches per day with a peak period of 6 PM-10 PM (Best time to get a tinder match is 9 PM
• Women swipe right on men less than men swipe right on women (14% compared to 46%
• 79% of Tinder users are Millennials
• ~60% are outside of the US
• No sex education materials anywhere (the brand tends to dismiss that they are a hookup app)
• No way in the ecosystem for users to see if individuals have been tested recently

Goals

In addition, to increasing MAU’s of tinder Gold subscriptions, we felt it was essential to satisfy the following for our target demographic:

1. ‍Motivate sexually active individuals to care about their sexual health status to remove the stigma of asking their partner
2. ‍Establish Tinder as a brand that cares about reducing STD transmission rates
3. Improve the feature set to let users search by STD Status.

Personas

We identified heterosexual college students between the ages of 18-23 as our target audience within the Tinder ecosystem as we felt these individuals were more susceptible to STD’s and had less blanket education than of their LGBTQ counterparts. Because of this, we decided that partnering with a company like Everly Well (Revenue Marketing Partner) along with universities could create the best synergistic relationship.

• Chaz is a bit self-centered while being vocal and outlandish without concern to those around them. He is most caring about partying or having a good time despite who it affects or bothers and is highly motivated by sexual desire, drinking, and being vocal about what he is doing.
• Sammie is the new-aged version of Carrie Bradshaw, who understands her worth, but is open to exploring her sexuality. She is headstrong, confident, and understands that she holds power and authority over the men she dates. Getting into her bed is not an easy feat, but well worth it.

Strategy

Our strategy was to create a year-long campaign tied to the academic school year for the LA metro area which then could be rolled out either nationally or globally and would include the following:

• STI testing with the campaign partner Everlywell, an at-home STD/STI kit with Telehealth prescription and consultations for positive tests.
• Experiential marketing using participatory, hands-on, and tangible branding material, the business can show its customers not just what the company offers like dating hosted chat rooms, dating events, and fireside chats with top social influencers around the stigma of sexual health
• A series of text message-recorded videos of horror stories that would be used as display ads, social content, and commercials
• Updated resources including in-app and web, that make it easy to get answers or learn about sexual health
• Free month of Tinder gold for regular STI testing

We hypothesize the following:

• ~1M College Students in the LA Metro Area
• ~30% we expect to attract with this campaign
• ~16% will activate / test (those who utilize Everlywell for tinder gold conversion)
• ~18% retention of users who continue use their Tinder gold
• ~12% of users will generate revenue and convert to paid users
• ~6% will refer other students to the app services via the campaign

The Partnership

Partnering with everlywell would allow us to send test kits to users who require their match get tested before they meet up. At home testing at your fingertip.

Takeaway 

In the online dating sphere, it’s crucial for companies like Tinder to prioritize creating the simplest and most effective methods for ensuring community safety and improving their reputation.

View Project

Puzzling Places

Overview

• Puzzling Places is a meditative 3D jigsaw puzzle game for VR that brings real-world locations to life through photogrammetry. While the gameplay offers a deeply immersive spatial experience, its interface was rooted in early VR conventions—functional but limited in visual hierarchy and usability. Unlike traditional games, VR interfaces must balance spatial depth with legibility, yet users still carry expectations shaped by 2D design patterns. My task was to modernize Puzzling Places’ UI by bridging these expectations—creating a more intuitive, visually coherent interface that feels both familiar and truly native to the VR environment.

Previous Design

• The menu is not easily accessible when floating at the top.

• You can’t see your partner.

• Icons are unlabeled, making navigation unclear.

• The environment doesn’t simulate what you’d expect when doing a jigsaw puzzle with friends.

• Only one music option is available.

Small updates to the current design

• Depending on where players place their puzzle pieces, it’s easy to forget a few pieces behind their point of view and not realize the puzzle isn’t actually complete. A progress indicator is needed to address this.

  Displaying Room and Host information can also help users identify which database their puzzle-in-progress is stored in, allowing them to log in later and continue seamlessly.

  Additionally, the backend structure needs to be updated to allow any user entering a room to resume and complete the puzzle. Currently, the host must log in first for the puzzle to load, which creates a major usability issue if the host accidentally leaves or their headset battery dies. This interruption breaks immersion and disrupts the overall experience.

North Star Solution

• A viewpoint where at least four players can sit around a table, mimicking real-life puzzle building.

• The menu is positioned at the bottom for easier accessibility.

• Menus are clearly labeled and grouped into Settings Control and Puzzle Control.

• A circular progress indicator lets users know when they’ve officially completed the puzzle.

View Project