My Trademart App
)
DevelopmentUX & UI DesignVisual DesignFront-end DevelopmentBack-end Development
Introduction
Trademart is one of the largest B2B purchasing centers in Europe, catering primarily to professionals in the fashion, home & living, and baby & kids sectors. Trademart serves as a hub where more than 1,500 brands showcase their products across multiple departments, including fashion, home decor, children's products, and more.
After creating their new website, Trademart asked us to expand their digital ecosystem with a mobile application to enhance and guide the visits of the end customers.
)
Challenges
Creating the Trademart app came with a few key challenges. We needed to make sure the onboarding process was super simple and user-friendly, so even non-tech-savvy customers could dive in without any hassle. The app had to offer clear benefits to encourage users to adopt it, like helping them navigate the store and providing personalized suggestions. From a technical perspective, the biggest challenge was to ensure a smooth and problem-free integration with their existing systems, to avoid any disruptions and to ensure seamless future updates and integrations with other services.
)
)
)
)
)
)
)
Design
The design process for the Trademart app began with a deep dive into understanding the needs and goals of both the users and Trademart itself. We started by creating a story map and developing user stories, which allowed us to clearly define what the app needed to accomplish from the perspectives of different stakeholders. With these expectations in mind, we then focused on crafting an intuitive user experience and smooth navigation flow to ensure that users could effortlessly explore the app and access its features.
Building on the robust design system already established for Trademart's website, we extended these design principles to create a cohesive and visually appealing user interface for the app. This approach ensured consistency across platforms while optimizing the app for mobile use, ultimately enhancing both the functionality and the overall user experience.
Development
We chose React Native as the framework to ensure flexibility, high performance, and ease of maintenance. React Native allowed us to maintain a single codebase for both iOS and Android platforms, which streamlined the development process and made it easier to implement updates and new features across multiple platforms simultaneously.
This approach not only improved the efficiency of our development cycle but also ensured that the app remained responsive and provided a smooth user experience. By leveraging React Native, we could focus on optimizing the app's performance while ensuring that it was adaptable to future needs, all within a unified development environment.
)
)
)
)
)
)
)
)
)
)
)
)
Result
The outcome was a sleek and user-friendly mobile application that perfectly aligned with both Trademart's goals and its users' needs. By leveraging a unified codebase, we ensured consistent performance and ease of maintenance across iOS and Android platforms.
The app's intuitive design, grounded in the existing website's robust design system, facilitated effortless navigation and enhanced the overall shopping experience. Users quickly embraced the app, appreciating its seamless integration into their store visits, while Trademart benefited from streamlined updates and a cohesive brand presence across digital platforms.