UI Design:

As an ongoing process for APEX, I worked on visual solutions for current/future state enhancements. Some of the work featured:

• Brainstorming, whiteboard sketches, prototypes, wireframes, and iterative mock-ups.
• Application enhancements - featuring Login, Online Orders, Search, Pricing, Availability, and Checkout.
• Designed components for a unified design system (Torque) to modernize and set standards across our applications.
• Update application brand colors for "Brand Refresh" role out.

UX Development:

Working with our APEX development team I was able to gain access to our Angular-based application’s repository and begin front-end UI/UX enhancements and integration for our team. Some of the work included:

• Analyzing, rearchitecting, and modernizing application responsive framework to become viewable on tablets and mobile devices.
• Leading responsive initiative with requirements, LOE, timelines, story management, team tag-ups, and documentation.
• Working on responsive front-end development and UI clean-up for cleaner code and closer design/dev visuals.
• Implementing global brand colors using new design system variables to create component consistency throughout application.
• The development and integration of new messaging components (Toaster/Alerts) utilizing new design system concepts from Figma.

UX Research

As a part of UX Research and Team Member Validation, I led our team with in-store visitations. As apart of this effort I:

• Built prototypes, mock-ups, and questionnaires to record facts/findings to shape current and future state features.
• Documented results by formatting findings and sharing them with teams, business, and leadership.
• Used research to make adjustment to visuals and cater to user needs for better UI/UX solutions.

UI Design:

As an ongoing process for APro, I worked on visual solutions for current/future state enhancements. Some of the work featured:

• Brainstorming, sketches, prototypes, wireframes, and iterative mock-ups.
• Application enhancements - featuring Order History, Availability, ETA, and Checkout.
• Designing new interfaces to modernize and set standards across our application for "Brand Refresh" initiative.

UX Development:

I worked as a front-end developer on our B2B production environment. Some of the work included:

• Working on bugfixes, framework issues, new features, and general UI clean-up.
• Created new react-based components for design system modernization.

UX Research

As a part of UX Research and Client Validation, I led our team with in-shop visitations to commercial clients. As apart of this effort I:

• Created prototypes, mock-ups, and questionnaires to record data to shape current and future state features.
• Road along with our Commercial Account Managers to visit service shops and ask/collect feedback for our B2B application.
• Documented results and shared them with teams through CAM round-table discussions.
• Used research to make adjustment to visuals and cater to user needs for better UI/UX solutions.

UI Design:

As a lead designer on this project I was tasked to:

• Create a brand identity by designing the BAH Health Solutions logo.
• Design overall look for homepage, sub-pages, and complex components.
• Research and collect images for site visuals and people profiles.

UX Development:

Working on this project as a front-end developer my tasks included:

• Coding site design (hmtl + css) for homepage and subpages.
• Code navigation to use single page animated scroll design with parallax effect.

CMS Integration

As a developer on the project I was tasked to create a starter template for Joomla CMS integration which included:

• Converting coded website to Joomla template package for CMS installation.
• Installing template in content management system to troubleshoot package or any compatibility issues.

Brand:

As a designer on this project I:

• Created a brand identity with studio logo design and favicon.
• Designed a one page styled website for an easy non-refresh solution.
• Set up small photo shoot for site visuals and marketing needs.

Website:

As a front-end developer on this project I:

• Coded the site design (hmtl + css) as a single page website.
• Coded navigation to use scrolling animation with image parallax effects.
• Implemented an icons library to have global consistency with imagery.

Marketing

As a part of this effort I:

• Created small ads for email marketing and magazine advertising.

Brand/Marketing:

As lead designer on this project I was able to:

• Created EMA logo for the website, marketing, and business collateral.
• Research and gather all images for site and client needs.

UI Design:

As the web designer I:

• Designed concepts for the home page and sub pages for the website to be integrated into a Drupal CMS.
• Created hero animation for hybrid site homepage call to action.

Design Process:

On this project I was tasked to:

• Research, learn, and validate in-store payment process and procedure using register terminals.
• Brainstorm process solution for incremental donation offering.

UI Design:

As lead designer I worked on:

• Research and gathering visual assets from charity organization.
• Create mock-up and screens for payment terminal interactions.

Development Assets

As a part of the terminal developments efforts I was tasked to:

• Create development assets from UI designs for Verifone touch-screen software integration.

Brand:

As a designer on this project I:

• Created a brand identity with an initial logo design.
• Designed a one page styled website for an easy non-refresh solution.
• Research and collect images for visuals catering to the clients needs.

Website:

As a front-end developer on this project I:

• Coded the site design (hmtl + css) as a single page scrolling website.
• Coded navigation to use scrolling animation with an image parallax effects.

CMS Integration

As a developer on the project I created a template for Joomla CMS integration which included:

• Converting coded website to a Joomla template package for CMS installation.
• Installing template into the content management system (Joomla) and troubleshoot for any compatibility/installation errors.

Component Design:

As a UX designer I helped:

• Design components, prototypes, and iterative mock-ups in Figma for design system solutions.
• Create unified icons library and convert it to icon fonts for site integration and use.

Storybook Development:

As a front-end developer I:

• Created an independent Storybook repository (React-based) for design system documentation and development.
• Coded static prototypes for React component conversions.
• Designed agnostic components with Storybook to be independent from any UI dependencies, libraries, etc.
• Developed icons svg library for single source icons location and component integration.