WIS International
Mobile Redesign
Project
A streamlined inventory management application to enhance the efficiency for scanners and supervisors.
About this Project
The Flex Count project focused on redesigning WIS International’s inventory application to improve usability for scanners and supervisors. As a UX Design Intern, I conducted in-depth user research, including site visits to locations like Home Depot, to gather direct feedback from scanners. I identified key pain points in the existing application and collaborated with senior designers to create wireframes, interactive prototypes, and a reusable component library in Figma. Additionally, I contributed to developing a style guide aligned with WIS’s brand standards and supported design implementation using CSS and HTML. My efforts were centered on enhancing usability and delivering a more efficient, user-friendly experience for the application’s primary users.
Mobile/Website Design, Redesign
May 2021 - Sept 2021
My Goal
The goal of the WIS International mobile application redesign was to deliver a smoother, more intuitive experience for the scanners who use the app daily. The focus was on simplifying the interface, reducing unnecessary steps, and making core tasks—such as scanning, counting, and reviewing inventory—faster and easier. The redesign emphasized improved usability, enhanced readability, and a layout tailored to the real workflows of both scanners and supervisors. Overall, the objective was to create a cleaner, more efficient application that enabled users to work accurately and with minimal frustration.
My Role
As a UX Design Intern on the WIS International mobile app redesign, I supported the full design process from research to final prototypes. I conducted in-person user research with scanners to understand their workflows, challenges, and pain points with the existing app. Using these insights, I developed wireframes and low-fidelity concepts to explore simpler layouts and more efficient user flows. I then created high-fidelity screens and interactive prototypes, collaborating closely with senior designers and developers to ensure the final designs were intuitive, user-centered, and aligned with real-world needs.
Project Information
Project Overview
The Flex Count project focused on redesigning WIS International’s inventory scanning app to enhance usability for both scanners and supervisors. The redesign prioritized a more intuitive, responsive interface that supports the fast-paced demands of inventory management environments.
Problem Statement
The existing app presented significant usability challenges, particularly in high-pressure, fast-paced environments. Scanners frequently encountered input errors and insufficient feedback, while supervisors faced limited visibility into real-time scanner activity and data inconsistencies, impacting overall efficiency and accuracy.
Solution Design
The redesign delivered a simplified interface for scanners, real-time feedback for scan errors, and a dashboard for supervisors to monitor team performance. Responsive components and user-tested layouts enhanced usability, minimized confusion, and ensured a consistent experience across devices.
Design Process
Design Strategy
Executive Intent
WIS international’s leadership sought to modernize its inventory management tools to increase operational speed, reduce scanning errors, and improve employee satisfaction. The Flex Count application redesign was part of a broader digital transformation strategy targeting field efficiency and supervisor oversight.
Target Audience
Primary:
Inventory scanners (part-time and full-time employees onsite at retail partners like Home Depot)
Secondary:
Supervisors responsible for quality control, reviewing scan data, and generating inventory reports.
General Tasks
Scanning and logging inventory using mobile devices
Reviewing and confirming entries
Cross-referencing scanned data with inventory reports
Real-time supervision and error checking
User Personas
Customer Journey Map
User Flow (Scanner
Count App
Audit App
Supervisor Portal
WIS Design Language System
Accessibility Considerations
Accessibility was a central focus of the WIS International mobile app redesign to ensure all scanners could use the tool effectively. I enhanced readability by increasing font sizes, improving color contrast, and reducing visual clutter. Clear labels, intuitive icons, and consistent navigation patterns supported users with varying levels of technical experience. Additionally, key actions were made easier to interact with by enlarging touch targets and spacing interactive elements appropriately. These accessibility improvements contributed to a more inclusive, user-friendly experience for all field scanners.
Key Accessibility Actions Included
Increased font size for better readability.
Improved color contrast to ensure text and icons are easily visible.
Simplified layouts to reduce visual clutter and cognitive load.
Added clear labels and intuitive icons for all key actions.
Enlarged touch targets and spaced interactive elements for easier tapping.
Tested designs for usability with users of varying technical experience.
Low-Fidelity Prototypes
To translate the research findings into design concepts, I created low-fidelity wireframes on Figma:
Simplified Layout: Reduced the number of screens needed for core tasks.
Clear Action Buttons: Ensured primary actions (scanning, confirming entries, were easily accessible)
Instant Feedback: Incorporated success/error notifications to confirm when scans were processed.
High-Fidelity Protoypes
Based on feedback from the initial testing, I refined the designs into high-fidelity prototypes:
Visual Design: Focused on a clean and intuitive interface, ensuring consistency with WIS International's brand guidelines.
Enhanced Functionality: Integrated.a real-time status bar for instant feedback on scan success or failture, optimized search and filter functionality for quicker access to inventory items, and designed a supervisor dashbnoard with realtime inventory updates for efficient cross-referencing.
Accessibility: Ensured the app was mobile-responsive, allowing scanners to use it seamlessly across different devices
Development Handoff & Implementation
To ensure accurate implementation, I collaborated closely with developers, creating reusable templates for consistent layouts and providing responsive design components for seamless integration. I also participated in regular design reviews to address implementation challenges and ensure the final product stayed true to the original design vision.
Results & Impact
35%
reduction in task completion time for scanenrs
20%
increase in user satisfaction scores, as indicated by post-launch feedback surveys
Reduced Data Entry Errors
by implementing real-time feedback mechanisms
Higher Adoption Rates
among supervisors and scanners due to the intuitive design and enhanced functionality
Conclusion
Redesigning the Flex Count application for WIS International was a transformative experience that highlighted the impact of user-centered design. Through comprehensive user research, iterative design, and close collaboration with developers, I delivered a solution that met both user needs and business objectives. Key takeaways included the importance of engaging directly with users to uncover pain points, refining designs through continuous feedback, and collaborating cross-functionally to ensure the design vision was accurately realized in the final product.
(Project)
Next Project
Why clients love my work