UI/UX Design
UI/UX experience in B2B and B2C environments
- Great communication and listening to keep the design and dev teams aligned
- Determine options and present various timelines to set expectations for business owners, designers and developers
- Generate concepts aligning to those requirements
- UI/UX design execution: XD, Sketch, Figma, Photoshop, Illustrator. In all cases, the design should be a team effort.
- Give specific and clear directions to the developers through interactive mocks
- Design, code and launch content pages and changes using HTML, CSS, WordPress, and SAP Hyrbis CMS impex language
- Create reusable components to speed project delivery and unify the design of the site
Mobile delivery flow
Goal: track package status including returns and failed deliveries.
Role: Mockups showing our business clients where their packages are in our shipping system. Created icons and UX designs.
Tire Pros Redeisgn User Flows
Goal: Account for every scenario on the user path to purchase during redesign of site.
Role: Designed mocks incorporating site redesign for B2B branch of our business. Provided developers with pixel-perfect instructions via Figma.
Extra stuff: Coded every static page in our CMS.
Note: The complexity of buying tires means we had to account for every scenario encoutered by users during the purchase funnel. Discovery interviews and requirements meetings make a big difference. Regular checkins are essential. Are we missing something? It’s important to know every element that might go into a design.
Scenario
- We have found the tire the user wants.
- We’re displaying our promo offers.
- Tire features are displayed.
- Warrenty tab is open.
Scenario
- We have found the tire the user wants.
- We’re displaying our promo offers.
- Tab shows alternate size option and its details.
Scenario
- We have found the tire the user wants.
- We’re displaying our promo offers.
- Tire features are displayed.
- Sizes tab open displaying those options.
Scenario
- We have found the tire the user wants.
- We’re displaying our promo offers.
- Reviews tab open.
Tirebuyer: Winter tires
Goal: Add dynamic component to display discounts on each product.
Role: Add element to the design within the allotted space while also ansuring it would stand out. I also coded the element into the component.
Tire installer selection mocks
Goal: Give users a choice between different available installers.
Role: Create mockups that attempt to display lots of information in a digestable form. Lead users to preferred installers. Here are a couple of the mocks I provided.
Bold CTA
Color Icon