Packwise - UI Redesign + UX improvements
Achieving 30% Lower Costs: My User-Centered Redesign for Packwise
I completely redesigned the Packwise app from the ground up. The process included everything from wireframing and creating a scalable design system to delivering a fully optimized UI/UX in Figma, all with a focus on user-centered design.
Enter your text hereWhen Packwise approached me, their app needed a complete overhaul. My task was to redesign it from the ground up – everything from wireframes to a scalable design system to the final interface design. The goal? Improve workflow optimization, create a seamless user experience (UX), and prepare the app for global usability, all while cutting development costs.
The results made all the effort worth it: we reduced development costs by 30%, and the app became far easier to use, especially for managers and executives....
Why Packwise Needed a Redesign
Packwise specializes in comprehensive services for container logistics. They handle everything from renting containers and tracking them to cleaning and maintenance – providing a complete solution for container transportation. However, their app just wasn’t cutting it.
It lacked a cohesive user experience (UX) and was hard to navigate, especially for managers needing quick access to data. Developers also struggled with updates due to the absence of a design system, making changes costly and time-consuming. Additionally, the app needed to meet global usability standards, with accessibility as a top priority. That’s where I stepped in.
How I Transformed the App
1. Wireframing
Analysis
Worked with the client to analyze the app’s current state.
Identified key pain points and opportunities for improvement.
Finalized a comprehensive analysis to guide wireframe development.
Suggestions
Explored different styles and interaction patterns for key functionalities.
Focused on minimizing user clicks and simplifying navigation.
Improved usability in data-heavy areas like tables, making interactions more reliable.
Conclusion
Delivered responsive wireframes iteratively, allowing for revisions until the client was fully satisfied.
Built a foundation for subsequent design phases with user-centered insights.
2. Design System
Building for Scale
Replaced the outdated design system with a new, scalable solution in Figma.
Defined foundational elements like typography, color variables, and modular components.
Building with Developers in Mind
Documented all design elements for easy implementation by developers.
Included detailed use cases, such as responsive behavior and breakpoints.
Ensured the design system reduced development costs and improved consistency.
Easy to Compose
Created a modular system that allowed non-designers (e.g., CTOs).
Enabled the client to scale their app efficiently without needing constant design intervention.
3. UI/UX Design
User-Centered
Designed with the app’s primary users in mind: 64% managers and rest CTOs or C-suite executives.
Focused on supporting workflows and decision-making processes.
Accessibility First
Prioritized accessibility with high-contrast colors and clear layouts.
Ensured readability in all environments, from offices to outdoor settings.
Made the app inclusive and usable for a global audience.
Streamlined Navigation
Redesigned navigation to make user flows more intuitive and seamless.
Ensured users always knew where they were and what actions to take next.
The Impact of the Redesign
400+ hours on the project:
Every detail was carefully thought out, from responsive wireframes to the final design.
30% reduction in development costs:
Thanks to the new design system, updates are faster, easier, and more affordable.
100% client satisfaction:
The app not only met expectations – it exceeded them.
What the Client Had to Say
Throughout the process, Petr was professional, collaborative, and responsive to feedback. It’s been a pleasure working with him, and I’d definitely recommend his expertise to anyone looking for a talented UI designer.
Rene Bernhardt, CTO bei Packwise GmbH
Interested in Working Together?
Let’s talk about your next project! Whether you need help with user-centered design, scalable solutions, or a full UI/UX overhaul, I’m here to bring your ideas to life. Let’s create something impactful together.
User Experience Design & Interface Design
Wireframing and Consultations
Design System Development
…and much more!
DM me here on Dribbble!