FulFillment IQ

UX & UI Design Compilation

FIQ

Supply chain and fulfillment expertise for D2C brands, 3PLs & retailers practitioners, engineers, and subject matter experts dedicated to solving your logistics tech challenges.

My Role

My time with FIQ spanned 3 years and involved working on, and often leading, all stages of the design process for a variety
of clients.
My day-to-day entailed learning about incredibly complex warehouse systems to develop user-friendly processes from scratch while balancing multiple client projects.

• Prototyped user interfaces to test functionality and gather feedback for iterative design improvements.
• Designed user interfaces focused on enhancing usability and creating engaging experiences for the end user.
• Collaborated closely with the development team to ensure seamless integration of design elements.
• Created wireframes to visualize layout and structure of digital products before final development phase.
• Prioritized user experience design principles to optimize user interactions and satisfaction.
• Applied design thinking methodologies to solve complex problems and deliver innovative solutions.

RESEARCH

Before designs could be started, the basic flow of the app needed to be laid out. Much discussion with the CEO was required here to understand what about the odd app needed to be kept, what needed to be changed and what needed to be brand new. Below are screenshots of different paths of the app. Some of the paths here were changed quite a bit and other aspects were push to later phases. This part of the process was key in estimating deadlines and figuring out the order of importance of features.

Tap the images for details.

SITE MAPS

Low Fi Screens

Below are a handful of low-fi screens. These designs were based on wireframes and helped define the look and feel of the app. Some aspects stuck around in the final product but much of these screens helped steer us in a better direction and realize the main user booking journey needed to be altered.

Tap the images for details

Almost every part of the app went through varying degrees of testing. The biggest example of this was deciding how the user would book a space and a time. If there are no spots available at the selected time how would that be communicated? How would a solution present itself? This was partially overlooked in the original sitemaps and forced us to rethink the main flow.

Originally the screen on the left was separate from the booking type screen. Picking a time with no available spots would force the user to take a step backward. To avoid this, we merged the booking type and booking time screens together so they could work in tandem. Selecting a time would then bring to focus available bookings. Unavailable bookings remain greyed out.

Making this clear to users and ensuring the next steps to take were obvious ones was equally important. Small design aspects like using filled dark square icons instead of blue outlined icons helped users understand that they were not clickable buttons like the time selectors were. Testing small things like this helped reinforce the design and in some ways dictate how to treat other screens in the app.