Info   






Showcasing a CX platform as an enterprise solution




Skills

Visual Design


Medium

Product Website










GET FEEDBACK

Highlighting the key purposes and benefits of a CX platform


Get Feedback, a subsidary of Survey Monkey, aimined to reposition the brand as a solution for larger companies. Working with a team of designers, we centered the key components of the platform with intentional imagery, while educating users on how collecting feedback improves their business. Stylistically, we utilized Get Feedback’s bold green and abstract elements to nod to the company’s cutting edge, ever evolving technology that moves with the speed of customers. Personally, I was responsible for designing pages and assets across the site, as well as communicating with the development team for a smooth site launch.

View Site







IMAGERY

Humanizing the customer experience


Throughout the site, large isolated imagery of CX experts interacting with customers demonstrated both the efficiency and quick response time made possible with Get Feedback.

 



FEATURES

Using dynamic product UI elements to highlight key features


On product pages, we focused on specific feedback, customer interactions, and insights that Get Feedback offers to small and large businesses. With the use of abstract elements and patterns, the imagery both showcases the product, while still expressing the future-forward brand. Testimonials are also featured throughout the site to provide both context and credibility to the tool.








EDUCATION

Informing businesses on CX terminology 


To provide further context, specific pages were dedicated to walking businesses through the various types of feedback potential or current clients can collect with Get Feedback as well as their purpose. Clear content and dedicated graphics were designed to walk users through new material in a straightforward manner.

 




Streamling offer and feature emails for Google Pay users





Skills

Visual Design
Illustration + Motion


Medium

Email Newsletters




Coming Soon
Full portfolio piece is in-progress


Please check back soon for additional imagery and details for various newsletter designs and illustrations.







Unifying an eCommerce site & sales tool for Georgia-Pacific




Skills

Visual Design
UI Design


Medium

eCom Website
Webapp







GP PRO

A seamless eCommerce experience paired with a new proposal tool to optimize their sales process


Originally, GP Pro, a subsidiary brand of Georgia-Pacific, separated their marketing content from their online catalog. The challenge was to merge this disparate content into one seamless experience. Each page prioritized products first, for quick access to browsing and featured marketing content below for users looking to learn more about their dispensers.

To create a cohesive design system for GP to further build upon, I created content specific components to provide GP with a template structure and the guidance on how to construct future pages. Visually, I utilized GP’s branding as a base, while improving typography hierarchy through size and treatment variation for both readability and aesthetic appeal. I worked on the user interface and visual design alongside a UX designer and researcher.




Solution Builder

To expedite GP’s sales process, I created a tool that allows GP sales employees to intake a customer’s business profile and current products, in order to populate a suggested solution. Individual customers are also able to use this tool on their own. The different experience levels of both sales employees and customers informed the user’s path. I collaborated with two UX designers to create the user journey map and wireframes, while personally leading the visual design. The aesthetic established in the eCommerce website carried over to create a cohesive brand experience.
 









TASK 1

Exploring industry insights


The first part of the tool asks for required client information, while providing helpful insights during the process. GP Pro staff are able to access a menu while using the tool with the client and later at their office. The individual customer on the other hand, doesn’t have access to the menu to stimulate a linear experience.





TASK 2

Defining a user’s current state


In order to provide suggested products, clients with or without guidance from a GP employee are prompted to enter what current products they have at their facility. This stage allows them to define all applicable usage areas and products with the option to add photos of their facility.



TASK 3

Creating a solution


Once all necessary information has been added, a client is able to see GP’s proposed solution including savings, needs met and suggested products. All users have the option to add these products to their environment using augmented reality.






TASK 3

Option for users to utilize augmented reality


Users are able to add products from their suggested collection into their environment using an augmented reality application. Once a product is added, users can explore product features and 3D animations. This tool also allows users to edit their bundle and save images of the augmented reality configurations.




DOCUMENTATION

Clarifying the steps for each user


I created a user flow diagram in a brainstorm session with UX Designers. I designed the visual document to translate to both GP and the developers what each step entailed for all three user groups. Featured below is the first set of tasks for the solution builder web application.








Aligning key user touch points with Rinnai’s water heaters




Skills

Visual Design
UI & Interaction Design

Medium

Mobile App
eCom Website








RINNAI APP

A streamlined mobile app and eCommerce experience tailored to residential audiences


Rinnai, an international tankless water heater brand based out of Japan, needed to reassess it’s smart home application. Previously there was no reason to come back to the app. In order to boost both initial and consistent engagement, we added error update states on the initial page along with the ability to connect with a Rinnai PRO to get quick repairs.

Collaborating with a UX team, I helped discuss the user flow and simplify the pairing process. In terms of visuals, I utilized their red brand color as an accent to state error or inactive statuses. I incorporated other colors, such as green to intuitively demonstrate active statuses. Since all users aren’t as technically savvy, I utilized a skeuomorphic design to represent thermostat dials to provide a sense of familiarity.

The main page states the current status and health of the water heater. It demonstrates whether it is in use, the temperature and any future scheduled states. If users encounter errors, they can access it on their heater page or within the navigation to get clarity on potential issues.











Device Pairing Process


STEP 1: CONNECT MODULE TO WI-FI

Once users have logged in or created an account, they are led to connect their Control.R module to their mobile app in order to update temperature and monitor the tankless water heater. Users are prompted to press on the button on the module, confirm the light color, and begin the Wi-Fi connection process.






Device Pairing Process


STEP 2: DOWNLOAD SOFTWARE UPDATE

If users have already used the previous app, they will need to update the software, as the app utilized a different software platform. To do this, users simply need to wait and complete each download step until they can confirm the software has been fully installed and restarted.






SCHEDULING

Offering different scheduling options


Users can add new schedules, edit current schedules and enable vacation mode when they know ahead of time when they won’t be home.








STYLEGUIDE

Consistent Components


Components and error states are utilized to inform users on different statuses. This style guide also informs development on the varying displays of each icon, field or illustration.











ECOMMERCE WEBSITE

Educating consumers on tankless water heaters









RINNAI WEBSITE

Walking through the main lifestyle and performance benefits, while still leading them to specific products.



Everyday consumers aren’t aware of the main benefits of using a tankless water heater versus a tank. The website is a tool to both educate and compare products. For the site design, I used family-friendly lifestyle imagery, typically in higher-end interiors to target the consumers typically considering tankless. The site utilizes components to allow for easy content readability and future flexibility in creating new pages or accommodating new product features.

View Site








LIFESTYLE IMPROVEMENT

After establishing why tankless is better than a tank, we walk users through how a Rinnai tankless can improve a consumer’s lifestyle. Using illustrations, this page demonstrates convenience of on-going hot water, smart home setup, and energy efficiency.








EXPLORING PRODUCTS

Tankless Product Pages


If users jump to the product list page, consumers can get a high-level overview on tankless and the key benefits of each series.











Streamlining recycled materials spot trading for Georgia-Pacific




Skills

Visual Design
UI & UX Design


Medium

Mobile App









GP RECYCLING

Providing real time material pricing and in-app offers to traders


GP Recycling, a subsidiary brand of Georgia-Pacific, wanted to transition from spot trading materials through email to an app. The project began with the UX team conducting research on how the current trade process exists. From there, we collaborated to create a user flow with wireframes to document every step and the continuing trading process where users can send counteroffers. The color palette was a modern take on their current branding, utilizing their blue with a bright teal accent used for action items. The typography ensured there was enough hierarchy to differentiate components, while still allows users to quickly scan information.

We designed the main screen to be customized to the user. They only see materials they have selected in the account set-up process and materials traded often will dynamically appear at the top. From this page, users can see updated pricing and choose to start the offer process, message the GP trader, or edit their customized view.










TRADING PROCESS
After filling out all of the information needed to send an offer, traders can track their offers, which are separated by their status. They can choose to counteroffer and send a new price. Throughout this process, they can reach out to their GP trader by messaging them to ask questions or check in on their offers. To give an idea of what GP might want to trade, we created a feed where GP can post materials in high-demand in order to both inform the trader and improve GP’s ability to get those materials faster. 
 














Let’s
collaborate