Wireframe Portfolio (Axure RP)
Please Note: To navigate around the wireframes, clicking the "small arrow on the green box" (as seen to the left) near the upper left corner of the wireframes will highlight the interactive elements.
Retail Rewards App
Bealls requested a mobile app design for a rewards and coupon program for their customers.
It features a coupon saver, reward dollars, receipt and purchase history as well as gift card redemtion and an in-store item finder.
Boyd Material Picker
This project was to create a way for customers to find materials that fit their needs. This can be fabrics, adhesives, etc. Users were guided through steps to help narrow down the catalog of thousands of SKUs based on a number of criteria.
This project was quite complicated, as each material had different numbers of steps to narrow down to useable results.
Boyd Vendor Management
The Boyd Vendor Management project is a continuation of the material picker (as there are some higher fidelty assets).
The objective was to create a map and vendor profiles for their clients to decide where to source particular materials from, as well as the managment and overhead administration of the system.
Event Equipment Rentals
Designing a rental web application of this magnitude was quite complicated. It required sophisticated inventory management, date selection, and a huge information architecture with hundreds items, where each item had to be tracked and monitored.
Conveying all this data to users so they could see invetory of available itmes in near real-time was very challenging.
Retail Clothing Mobile App
The idea for this app was to create a internal social media site for a large clothing retailer.
Employees would be able to take pictures of items of clothing or ideas, add tags and share with other groups and departments. There would also be chat rooms tied to the collections of images (called "Projects").
Design Systems & High-Fidelty Mockups (Figma)
Documentation Website
The documentation for the product needed a facelift and some new features. It needed new a new infromation architecture, dark mode option, and we wanted a "guided code experience", similar to what Stripe does with their getting started guides.
Admin for "Stripe Style" Docs
The Figma file here is the backend to set up the "getting started guides" linked in the previous example. This project is quite complicated as there are many moving parts that require tagging and editing.
Design System - Foundation
The "Foundation" file essentially is the building blocks for the reusable components that are used across the webiste.
Design System - Components
These components are made up from the Foundation pieces designed in the previous example file. These are very close to what would be used on the live website for users to interact with.