This is a self service application with the goal of creating straightforward experiences that lessen the cognitive workload of users. I needed to create a system that could logically represent a wide breadth of services CPG offers, from updating personal information to giving admins the necessary resources for editing clients. It was important to create a user-friendly design with ease of use at the forefront of my work.
Design Lead
June 2020 - April 2022 (2 years)
Figma, Sketch, Webflow, Invision, Agile, Wrike, Monday
Phone lines for customer support are always full, resulting in low user satisfaction. At this point, users do not have a way to update personal information for their pension benefits.
Now customers have the ability to keep their information updated, guaranteeing that they continue to receive the benefits they earned and deserve.
Initially, due to the size and complexity of the new application, business teams were struggling to communicate effectively. This site map allowed us to visualize and understand the scope of the project through the business and developmental requirements. My initiative to create an all-encompassing map allowed us to launch the application earlier than its projected launch date.
When I was made aware that our direction shifted to outsourcing our development, I quickly iterated mockups using business requirements and UI best practices to make a scalable, user-centered design within the 8 hour time constraint, which allowed us to choose a development firm within the coming week and keep to our projected launch date.
With a new style guide and design thinking, the user dashboard needed updating.
This low fidelity mockup was used to help each team understand how the business and development requirements might look, so we could have further discussions on user needs. With a few iterations, we were able to meet all requirements while making a user-friendly design.
This was used to help the business and users understand how the potential design would look and feel, which allowed us to identify areas that needed further improvement before reaching the final design.
The final look and feel is displayed through these screens, allowing them to be handed off for a thorough and successful development.
Once logic and functionality were defined, the visual design process was straightforward. Using wireframes and the modular system, the UI was created following brand visual guidelines. A digital design outline was developed to help justify design decisions and manage alternative opinions within the team. All necessary materials, guidelines, and recommendations were handed off to developers, with further specifications being provided throughout the build phase to help it run smoothly.
This high fidelity demo flow showcases, from start to finish, the final design and functionality of adding and editing a dependent within the newly developed application.
We created a design system that would not only build consistency but also save time for the client as they develop new features. This improves the overall process and experience of the website.
Here are a few examples of flows I created for this application.
Continue viewing below
User Journeys
UX Design
My responsibilities at CPG ranged from assembling wireframes to developing whole websites. I was tasked with managing requirements from stakeholders and the development team, while keeping an accessible, user-centered design.
User Research
Mobile Design
This is a community help application I developed and designed to bridge the gap between self-help apps and social media.
Dashboards
CMS Integration
I worked with Youth in Focus to establish a welcoming and easy to use online presence for their educational material and new learning site.
Ecommerce
Design Trends
This client needed a website that could be easily updated through Wix. Included is an initial concept, which was modified to better suit their need to update the site with Instagram images.
Logo Design
Posters
Here is a showcase of the diverse graphic projects I have completed over the course of a decade.
