SellerApp 2.0
SellerApp
Product
2022 - 2024
Redesigning SellerApp’s Design System 2.0 was all about tackling scalability and improving user engagement. The old system struggled with integrating new features and maintaining a cohesive look across devices. I started by diving into user research and collaborating with teams to pinpoint key issues. This led to crucial updates like a modular grid system, refined typography, and a unified color palette for better accessibility and consistency.
One of my biggest focuses was making it fully responsive. By re-engineering components and using fluid grids in Figma, I ensured the design adapted flawlessly across devices, delivering a seamless user experience. The result? A modernized design system that boosted engagement by 89% and set the stage for SellerApp’s growth and innovation.
Process
Understanding
Redesigning the SellerApp dashboard was like renovating a busy kitchen—you need to know what tools are essential and where everything should go. I started with user research with FullStory & Amplitude understanding users behaviour and discover the trend, understand sellers' needs, and spot what wasn’t working. This set the stage for creating a more intuitive and user-friendly experience.
Foundations
Building on the research, I identified the app’s core components and sketched wireframes to outline its structure and functionality. Next, I introduced Figma Variables to lay a solid foundation for the design system, integrating base elements like the sidebar, buttons, note messages, and input fields.
To bridge the gap between design and development, I explored Tailwind and Angular Material—our tech stacks—ensuring seamless integration. From there, I created a high-fidelity components and the variants and conducted usability testing to fine-tune the design and enhance the user experience.
Final Touch
Throughout this journey, I worked closely with frontend developers, product managers and the Amazon sellers’ team from across the globe. The final design brought a fresh perspective to the platform’s core features and flows while also simplifying front-end code to support the development team’s transition to the new design system. Step by step, we crafted a solution that’s robust, intuitive, and built for efficiency! 🚀
Outcome
Final Outcomes
Enhanced User Engagement: The intuitive design and user-friendly dashboards improved user interactions, encouraging sellers to spend more time analyzing and strategizing. This led to a more engaged user base, enhancing trust and satisfaction.
Scalable Architecture: The adaptable framework supported diverse PO processes and brand-specific strategies, ensuring the dashboard remained efficient and future-ready for new feature rollouts and market demands.
Streamlined Data Navigation: A modernized interface with clear information architecture simplified access to multi-tiered metrics, making it easier for users to analyze data and act quickly on market trends.
Improved Collaboration and Strategy Building: The platform bridged gaps between sellers, brands, and stakeholders by providing actionable insights. This collaborative ecosystem enhanced decision-making and fostered trust among users.
Increased Revenue Potential: By empowering sellers with real-time analytics and tools to refine strategies, the dashboard contributed to better performance, driving higher sales and ROI for businesses.
Key Learnings
Mastering Information Architecture: Designing clear and logical data structures helped streamline navigation and optimize the dashboard for quick decision-making.
Collaboration Across Stakeholders: Working closely with brands, sellers, and technical teams taught me how to align diverse needs into a cohesive design strategy.
User Research and Testing: Conducting research and usability tests gave me deep insights into user behavior, enabling me to create a truly user-centered product.
Understanding Brand Techniques: I learned how different brands approach Quick Commerce, adapting the dashboard to accommodate unique strategies while maintaining consistency.
Grasping QC Dynamics: I gained a holistic understanding of how Quick Commerce operates, balancing the perspectives of sellers and platform managers to create a solution that works for all.
