PWC
Solutions for Finance, Consulting and Tax Services
-
ClientPWC
-
Year2017
-
RoleProduct Designer
Overview
Price Waterhouse Cooper (PWC), a global risk management and financial services company was looking to establish a set of design standards for a holistic user experience and visual style across their digital products. The client’s product teams were using an inconsistent set of homegrown patterns or taking cues from brand identity guidelines intended mostly for marketing purposes.
My Role in the Project
Stakeholder Interviews: As the Senior UX Designer on the project, I analyzed and synthesized results of the stakeholder interviews we conducted at the outset of the project. I led a large portion of the synthesis, discovery of themes, and writing the summary report.
Research Synthesis: We surfaced initial themes to help our project team and the client develop a strategy to measure the success and impact of the toolkit. One of the key findings was learning that product teams acted in silos by making design or development decisions independently. Documents created: Personas. Journey Maps.
Design System: I led the ideating and wire-framing of the design system concepts created in low fidelity to support the visual design of high fidelity prototypes for usability testing.
Process
Building upon insights gathered, we developed a toolkit designed to encourage collaboration and offer accessible source files containing design patterns and code snippets. This user-friendly format aimed to streamline the creative process and facilitate efficient teamwork among developers and designers alike.
I designed a "Simple Flow" concept to showcase patterns in the client's products that need minimal inputs for outputs, such as powerful data visualization. The "Complex Flow" concept illustrated how these new patterns could address intricate inputs, potentially involving third-party vendors or data sources, while enabling customizable outputs.
Building upon a BootStrap and Font Awesome foundational layer, I created the various components and elements. I crafted a design system using Atomic Design methodology, inspired by Brad Frost, combined with design template files, code snippets, and items of reference for best practices on usability, content strategy, and UX.
Proof of Concept
The next step in the process involved constructing web pages by utilizing design components and library modules. Additionally, I translated Sketch files into a well-structured HTML, CSS, and JavaScript codebase, creating a comprehensive library of coded modules. This will enable development teams to seamlessly build web pages using the components library, promoting efficiency and consistency across all the product teams.
