Craig Wilson

I designed and developed a High Fidelity XTRAC WorkHub prototype that served as a blueprint for the Product Design and Development Teams during the overhaul of the existing XTRAC BPM application at Fidelity Investments. The culmination of this project was the launch of a contemporary, well-received Progressive Web Application. My contribution spanned from initial design to coding the front-end release in Angular, resulting in a tool now utilized by 70,000 Fidelity employees. Watch the video to hear what "Real Users" said about my redesign:

Upon joining Fidelity Investments, Zions Bancorp, and SVB, my initial role involved researching and demonstrating the value of Design Systems. I developed an HTML5/CSS3 prototype to guide and educate my teams about the critical role of a dynamic and comprehensive Design System. Such systems are pivotal as they foster unity across disciplines, enhance consistency, boost efficiency, and facilitate a cohesive brand experience, enabling effective team collaboration.

Among the three API Portal/Sandbox prototypes I developed, one was designed and coded to align with the design aesthetics already established on the corporate website. While the design parameters were predefined, I adhered to the existing style guidelines and went a step further to engineer a portal that boasts an intuitive flow. It features automated tools for key generation and other advanced functionalities. The web application also includes a dedicated testing environment where developers can tailor their code to interact with our APIs within a personalized sandbox, significantly simplifying the integration process for business clients utilizing our ACH services and other APIs.

Using Design Tools like Figma, Adobe XD, Axure, and Sketch, I design and test layouts with users. I then code the front end in HTML/CSS or WPF and hand it directly to the Development Team. This ensures developers don’t have to worry about the look and feel of an application. All Development needs to do is connect my prototype to the back end. I love being able to bridge the gap between the UX Design Team and Developers.

I leverage Figma for application design, taking advantage of its collaborative features to streamline the design process. Using Figma offers several benefits, including real-time collaboration, robust prototyping tools, and a vast library of design assets. Its cloud-based platform ensures that all stakeholders are always up-to-date, making it easier to receive feedback and iterate quickly. Additionally, Figma's intuitive interface and powerful features enhance productivity and creativity in user-centric design.

Working in Figma Dev Mode has revolutionized my collaboration with the Development Teams. It fosters a more developer-friendly approach, streamlining the Design to Development handoff process. I use Dev Mode for:

• Easy Inspection of Design Elements
• Dev Code Generation
• Reusable Component Development
• Development using Designs Tokens

I undertook a quick pro bono side project to enhance the University of New Mexico Network Data Portal, a pivotal resource for ecological data scientists researching agricultural practices, animal behaviors, and their broader ecological implications.

Under Armour tasked me with redesigning their Catalog Promotion Data Tables. I created HTML5/CSS3 Metric/Data page with customizable columns that allowed users to download images of these metric charts in several formats.

The SVB Gateway is geared toward growth-oriented startups and venture-funded businesses. The Design Team I managed used Figma to deliver user tested features and capabilities, such as remote deposit capture, safe deposit services, payment processing automation, account set up and tracking, and detailed PDF statements via the SVB Transactional Gateway, all designed with fraud prevention in mind.

Our team is currently evaluating 'UX Pilot' and 'Copilot', tools we anticipate will streamline our analysis of extensive data sets. We aim to identify patterns, discern qualitative trends, and anticipate user behaviors, which we expect will lead to the creation of more sophisticated and insightful designs in Figma. We hope to use these AI applications for the following tasks:

• User Research
• Wireframing & Prototyping
• Visual Design & Usability Testing
• Persona Creation & Content Generation
• UX/UI Internal Stakeholder Reviews
• Analyzing Data to create detailed Data Sets

While at Zions Bancorporation my Architecture Team and I developed our Software Process Guide. This guide covered the following steps involved in our software product delivery process:

• Define Requirements | Design
• Development | Testing
• Deployment | Release
• Monitoring | Maintenance
• Feedback Iteration

This guide offers a comprehensive overview of the software product delivery process. Each phase is intricate, with numerous sub-steps and considerations tailored to the specific product and the Pod implementing it.

Leveraging Figma, I spearheaded the Design and Development of SVB’s UX/UI Remediation process aimed at addressing visual discrepancies in our products. Such inconsistencies often arise when multiple Design Pods work siloed in their respective pod. Using our Design System and Brand Guide, we scrutinize our QA and Production environments. We use this remediation process to identify a defect and assess its priority. Once assessed the defect is integrated it into our Jira backlog. This ensures that the Design and Project Management teams can schedule the necessary corrections in an upcoming sprint.