My Design

Process

My design process merges user-centered design with systematic thinking to balance creativity and consistency. I approach each project from an end-to-end perspective, beginning with in-depth user research and needs analysis to establish a clear understanding of both user goals and business objectives. I analyze competitors and market trends to identify opportunities and gaps, ensuring the project aligns with industry standards while setting it apart.

Once foundational insights are gathered, I craft the information architecture, wireframes, and user flows to build a logical and intuitive framework. This phase ensures that the user journey is mapped out effectively and aligns with the project's requirements. From there, I move into the visual design phase, focusing on layout, typography, color, and interactive elements to create a compelling, engaging interface. I develop prototypes, ranging from low-fidelity wireframes to high-fidelity interactive models, allowing for iterative testing and feedback. This process ensures that usability and functionality are prioritized from the start.

Throughout each stage, I collaborate closely with developers, Scrum Masters, Product Owners, Business Analysts, and Directors to deliver all requirements and maintain alignment with both user needs and business goals. I thrive in Agile environments, participating actively in design sprints and ceremonies to ensure a collaborative and iterative workflow. In parallel, I develop or enhance the design system, establishing foundational elements such as color palettes, typography, and grid systems, creating reusable UI components, and documenting design guidelines for consistency and scalability across projects.

This end-to-end approach ensures accessibility, responsiveness, and seamless integration with development, resulting in a comprehensive design system that not only meets the project's current demands but also supports future initiatives. The result is a cohesive, scalable, and user-centered experience across all platforms, empowering teams to deliver intuitive, consistent, and visually engaging solutions.

1
Research

My research process begins with gathering business requirements to align with project goals, followed by a competitive analysis to identify market opportunities. Afterward, I create user flows to map the user journey, providing a clear understanding of how users will interact with the product. I then conduct card sorting exercises to understand user preferences and ensure intuitive information organization. This approach enables me to design solutions that are both user-centered and aligned with business objectives.

2
Define the problem

Defining the problem in a project means identifying the core challenge based on user needs and business goals. It involves understanding user pain points, gaps in the current solution, and aligning these insights with project objectives. A well-defined problem statement guides the design process toward an effective solution.

3
Information Architecture (IA)

I created Information Architecture (IA) as the process of organizing and structuring content to make it easy for users to navigate and find information. This involves developing a clear hierarchy and logical flow, ensuring that content is presented intuitively. IA is essential in enhancing user experience by simplifying navigation, reducing cognitive load, and efficiently guiding users through a website or app. It forms the foundation for delivering seamless, user-centered digital experiences.

4
Design

I begin by sketching initial layouts to explore the interface's structure and core functionality, incorporating key components like buttons, titles, paragraphs, and input fields. These elements establish a strong foundation, and I progressively refine these concepts into high-fidelity mockups and interactive prototypes that blend visual appeal with usability. Color and typography choices are carefully aligned with the brand identity, enhancing readability and emotional resonance across all interface elements.

To boost engagement, I incorporate micro-interactions, such as animated button states, loading indicators, and responsive input field feedback, which add moments of delight throughout the user experience. Accessibility is prioritized by ensuring sufficient color contrast, legible typography, keyboard navigation, and alternative text for images to support users with disabilities. I continuously test and iterate on the designs based on user feedback, aligning them closely with user expectations and project objectives. This comprehensive approach results in a cohesive, intuitive user interface that enhances overall satisfaction and meets accessibility standards.

5
Design System

My design system process begins with a design audit to assess existing assets and identify inconsistencies in the current UI. From there, I establish foundation elements like color schemes, typography, and spacing, grids, screen sizes, ensuring that accessibility standards are fully integrated. I then develop UI kits with reusable components and patterns, emphasizing usability and inclusivity. Comprehensive documentation is created to guide the implementation of these components, covering design principles, accessibility guidelines, and best practices. Additionally, I assist the front-end team in creating components in Storybook, ensuring seamless collaboration between design and development. This methodical approach, starting with a design audit, ensures a cohesive, scalable, and accessible design system that delivers consistent and effective user experiences.

6
Delivery & Implementation

My delivery design process includes finalizing high-fidelity designs, creating interactive prototypes, and developing detailed specifications and assets for developers. By incorporating prototypes, I provide a dynamic reference that demonstrates the intended interactions, animations, and transitions, allowing developers to experience the design in action.

Throughout the development phase, I actively review the website or mobile app to ensure accurate translation of the design into a functional interface. I maintain clear communication with the development team, providing feedback, and addressing any issues that arise. This ongoing review process ensures the final product aligns precisely with the design vision and delivers a polished, user-centered experience across platforms.

Design

Services

& Tools

User Experience Design (UX)

I create UX designs by conducting thorough research, developing information architecture, and building wireframes and prototypes. This structured approach allows me to optimize user flows and ensure that the user experience is intuitive and efficient. By focusing on user needs and behaviors, I tailor my designs to enhance overall product functionality. I prioritize usability and accessibility, conducting user testing to gather feedback and make data-driven improvements. My goal is to create engaging and seamless experiences that empower users to navigate the product confidently and achieve their objectives effortlessly.

  • Research
  • Competitive Analyzes
  • Journey Maps
  • Card Sorting
  • User flow optimization
  • Wireframing
  • Design Audit
  • Prototypes

User Interface Design (UI)

UI design is essential for creating visually appealing and user-friendly interfaces that enhance the overall user experience. By focusing on key elements such as layout, typography, color schemes, and interactive components, I ensure that designs are not only aesthetically pleasing but also intuitive and functional. My approach involves developing responsive and functional mockups that adapt seamlessly across devices, providing users with a consistent experience whether they’re on a desktop, tablet, or mobile device.My goal is to create interfaces that guide users effortlessly through the product, improving usability and engagement. I prioritize user-centered design principles to anticipate user needs and behaviors, allowing me to craft solutions that facilitate seamless navigation. Ultimately, I strive to deliver interfaces that not only captivate visually but also empower users to achieve their goals with ease and efficiency.

  • Visual Hierarchy
  • Typography
  • Color Scheme
  • Interactive Elements
  • Accessibility Guidelines (WCAG)
  • Accessibility for Ontarians with Disabilities Act (AODA)
  • Iconography
  • Imagery
  • Micro-interaction

Design System

I specialize in creating, maintaining, and updating design systems that serve as the backbone of effective digital products. This involves building a solid foundation that includes developing comprehensive Foundation, UI kits, and documentation, as well as integrating Storybook for interactive component visualization. I provide detailed guidelines to support developers and designers throughout the design process and prioritize accessibility to ensure that all users can engage with the products seamlessly. By establishing consistent design principles and guidelines, I empower teams to deliver cohesive and user-friendly experiences across platforms, enhancing both efficiency and collaboration in the development process.

  • Style Guide
  • Component Library
  • Patterns and Templates
  • Accessibility Guidelines (WCAG)
  • Accessibility for Ontarians with Disabilities Act (AODA)
  • Design Tokens
  • Documentation
  • Governance and Maintenance
  • Scalability
  • Design System Canvas
  • Atomic Design Methodology

Website & Mobile App

I create end-to-end UX/UI designs for websites, mobile apps, and TV applications, including Apple TV, Amazon Fire TV, and Roku. My focus is on ensuring a seamless and cohesive user experience across all platforms, with responsive websites that adapt effortlessly to various devices. I collaborate closely with developers, Business Analysts, and Product Owners to facilitate smooth execution and delivery of projects. This collaborative approach ensures that design concepts are effectively translated into functional products, meeting both user needs and business objectives. By prioritizing usability and consistency, I aim to deliver engaging experiences that resonate with users across different interfaces.

  • Responsive Websites
  • iOS
  • Android
  • Accessibility Guidelines (WCAG)
  • Accessibility for Ontarians with Disabilities Act (AODA)
  • Mockups
  • Prototype
  • Micro Interaction
  • UX/UI Design
  • Apple TV
  • Amazon Fire TV
  • Roku
  • B2B
  • B2C
  • SaaS

Tools I Use

My primarily use Figma for creating wireframes, designs, design systems, mockups, and prototypes. Its versatility streamlines the entire process, from wireframing to high-fidelity prototypes, while enabling real-time collaboration with stakeholders. Figma’s design system features help maintain consistency and create intuitive interfaces, and its cloud-based setup boosts efficiency. However, I also adapt to other software based on company needs, as outlined below:

  • Figma
  • FigJam
  • Stark (Accessibility Software)
  • Sketch
  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe InDesign
  • Adobe After Effects
  • Axure
  • Invision
  • Lottie
  • Principal
  • Zeplin
  • Microsoft Power Point
  • Microsoft Excel
  • Jira
  • Confluence
  • Notion
  • Rally
  • Miro
  • Webflow