Figma Designs & Artifacts

Vergel Evans: Strategic UX Design Portfolio
Where strategy meets execution. As a seasoned UX consultant, I transform complex business requirements into intuitive digital experiences that drive results. My approach prioritizes experience design over pure aesthetics, ensuring solutions that work as beautifully as they look.

This portfolio, curated through conversations with AI agents, showcases my systematic approach to user experience design and proven track record of delivering value across enterprise projects.

Design Philosophy & Approach

My strength lies in creating comprehensive UX documentation that bridges the gap between business objectives and user needs. By developing strategic design artifacts that range from conceptual wireframes to high-fidelity prototypes, I enable teams to move confidently from ideation to implementation. This approach has consistently delivered success across diverse industries and technical environments.

The Power of Fidelity in Design Every design artifact I create serves a specific purpose in the product development lifecycle:

• High-fidelity designs serve as powerful alignment tools, helping stakeholders visualize the end product and make informed decisions. These detailed mockups are particularly effective for complex features, cross-functional collaboration, and ensuring pixel-perfect implementation.
• Low-fidelity wireframes and prototypes allow for rapid iteration and validation of core user flows and information architecture before significant resources are invested.

Olympic Mobile App: Strategic Design for Global Scale (2022)

This high-fidelity prototype exemplifies my approach to enterprise-level UX design. Created for a planned Winter Olympic Games in 2022 as a mobile application, the project demanded meticulous attention to both visual polish and complex interaction patterns. While ultimately unrealized due to organizational shifts, this work showcases my ability to:

• Translate ambitious business requirements into coherent, user-centered designs
• Create detailed UI specifications that support cross-functional alignment
• Design for massive scale while maintaining attention to detail
• Deliver pixel-perfect assets that accelerate development while a visual designer was being selected and onboarded to the team

AI Agent Interface: Rapid Iteration Through Low-Fidelity Design

This project demonstrates the strategic use of low-fidelity wireframes in emerging technology spaces. Working collaboratively with AI engineers, I developed an iterative design approach that:

• Facilitated rapid exploration of novel human-AI interactions
• Enabled quick validation of core user flows
• Supported agile development cycles
• Maintained design flexibility while technical capabilities evolved

Live Design Challenge: From Concept to Prototype in 60 Minutes

This challenge demonstrates my ability to rapidly deliver value while maintaining a structured design process under tight constraints. Built in Figma, the following breakdown illustrates my approach to real-world problem-solving:

• Goal: Develop a product feature within one hour, reflecting the design process.
• Step 1: Establish a shared understanding of the feature parameters.
• Step 2: Create a high-level user flow to guide discussion and refinement.
• Step 3: Develop core screens iteratively, incorporating team feedback. "This example showcases my methodical approach to problem-solving and user-centred design under time constraints.

The full flow of artifacts, showcases my mythologies and how I tend to start with the problem, and provide insights for the team along the path, to ensure the designs fit with the project teams expectations.

Discovery & Alignment (15 minutes)

First we reflect back the request as a general understanding of the parameters of the request.

• Establish clear understanding of feature requirements and constraints
• Define success criteria and key user outcomes
• Validate assumptions with stakeholders
• Set scope boundaries for MVP delivery

Strategic Flow Mapping (20 minutes)

Following with an ideal user flow in a visual format, helps teams align and refine the experience from their understanding. As a conceptual feature, it enables new insights to be explored, before getting into the design work.

• Develop high-level user journey visualization
• Identify critical interaction points
• Surface potential edge cases and technical considerations
• Facilitate real-time stakeholder feedback and refinement

Iterative Design Execution (25 minutes)

Finally, with the alignment of the feature, the core screens (in this case the blue boxes) would be designed and included as iterative designs for the project.

• Rapid prototyping of core screens
• Progressive enhancement based on team input
• Focus on functional clarity over visual polish
• Document key decisions and rationales

Process Insights 

This exercise exemplifies my pragmatic approach to UX design: starting with shared understanding, moving through visual problem-solving, and delivering actionable solutions. While these designs prioritize function over polish, they demonstrate how I:

• Navigate ambiguity with structured methodology
• Facilitate collaborative decision-making
• Balance speed with thoroughness
• Maintain focus on business objectives

Need a UX consultant who combines strategic thinking with rapid execution? Let's talk: vergel [at] Humanjava is your guy.

And Now This ...

Examples of finalized Figma designs from various projects.

These are provided in no order, nor are they ALL the screens of the project. Just examples of the types of deliverables I've been asked to provide over the years.

Beyond Tools: Delivering Strategic Design Value

The examples above demonstrate more than technical proficiency – they showcase a proven approach to solving complex design challenges. Each project reflects my ability to:

• Adapt design fidelity to project context and team needs
• Bridge the gap between business strategy and user experience
• Enable efficient development through clear, actionable specifications
• Drive alignment across stakeholders and disciplines

Technical Excellence While my expertise spans the modern UX stack, I specialize in:

• Figma for scalable, collaborative design systems
• Material Design and other enterprise-ready frameworks
• Rapid prototyping and iteration
• Design documentation that accelerates development

Ready to Elevate Your User Experience?

Whether you're launching a new product, optimizing existing features, or scaling your design operations, I bring:

• 15+ years of enterprise UX consulting experience
• Proven track record of successful project delivery
• Strategic thinking paired with tactical execution
• Collaborative approach that empowers teams

Let's discuss how we can create exceptional user experiences that drive business results. Contact me at Vergel [at] Humanjava to explore how we can create exceptional user experiences together.