Mybiz Italia
Miniprogam UI design (WeChat)
MYBUSINESS CIBUS TEC
Sinaweb, a Shanghai-based development and consultancy company, sought the expertise of WellPal Creative (WPC) to design and build the user experience for a membership app for CIBUS.
The app was to be a WeChat Mini-Program, designed to replicate and enhance the CIBUS MyBusiness system for Chinese users. MyBusiness Cibus Tec is a platform that connects those seeking Food & Beverage technologies with leading suppliers, housing hundreds of companies and thousands of solutions in one tool.
The Challenge
The primary challenge was to create a distinct visual identity and communication strategy for three levels of membership, each unlocking different benefits. The membership levels were:
- Level 0: Allows users to browse the directory.
- Level 1: Users can view company details and contact support.
- Level 2: Users can directly contact the export manager.
- Level 3: Users can participate in the Buyers program.
The backend needed to filter users based on their level, and also sort and display data accordingly. For Level 3 users, there was an additional requirement to mark them for further reference as ‘star’ users.
The Mini-Program’s main functions included filtering companies and products based on categories and a search bar, visualizing products for specific companies, creating inquiries for specific brands/companies, and visualizing company information.
the Approach
To meet this challenge, we employed our WellPal Signature Visuals™ solution. This involved creating a unique visual identity for each membership level and designing an intuitive user interface that made it easy for users to navigate the app and understand their benefits at each level.
We worked closely with Sinaweb to improve the initial user experience concept, brainstorming and testing various approaches to make the system more efficient. We designed the UI for a variety of functions, including profile creation, brand addition, document upload for verification, catalog design, product pages, and contact export manager features. Our focus was on ensuring that the user experience was seamless and intuitive, regardless of the user’s membership level.
The Result
The result was a WeChat Mini-Program that not only replicated the CIBUS MyBusiness system but also improved it for Chinese users. The distinct visual identities for each membership level, combined with the user-friendly interface, made it easy for users to navigate the app and take advantage of their membership benefits.
The backend system effectively sorted and displayed data based on the user’s membership level, and the ‘star’ marking system allowed for efficient tracking and management of Level 3 users.
The comprehensive UI design facilitated smooth operations for various functionalities, including profile creation, brand addition, document upload for verification, catalog design, product pages, and contact export manager features.
This case study showcases how WellPal Creative's expertise in visual design and user experience can be leveraged to create a compelling and efficient app. Our collaboration with Sinaweb and CIBUS demonstrates the value of a clear visual identity and a user-centric approach to app development.
strategy tools used
Results that Speak
The result was a WeChat Mini-Program that not only replicated the CIBUS MyBusiness system but also improved it for Chinese users. The distinct visual identities for each membership level, combined with the user-friendly interface, made it easy for users to navigate the app and take advantage of their membership benefits.
The CIBUS WeChat Mini-Program project demonstrated the significant impact of a holistic, on-brand visual identity, even in a B2B context. By integrating WellPal Signature Visuals™, we created a cohesive visual experience that extended beyond the distinct membership level identifiers. This design approach was consistently applied to all aspects of the app, from the user interface for profile creation and brand addition, to document upload for verification, catalog design, product pages, and contact export manager features.
This attention to detail in the visual design did not merely enhance the aesthetic appeal of the app; it also contributed to its usability. A consistent, on-brand visual identity made the app more intuitive and user-friendly, aiding users in understanding and navigating the app’s various functionalities. This project thus highlighted the importance of a comprehensive and consistent visual design in enhancing user engagement and satisfaction, even in B2B applications. It underscores that good UI design, with attention to small details, is not merely a luxury for consumer apps, but a necessity for all digital solutions, including B2B platforms.
The project reaffirmed the necessity of a user-centric approach in app development. We designed the UI for various functions, such as profile creation, brand/product addition, document upload for verification, catalog design, product pages, and contact export manager features, always with the end-user in mind.
This focus on user experience ensured the app was intuitive and easy to navigate, regardless of the user’s membership level. This user-centric approach ultimately resulted in a higher level of user satisfaction and engagement.
Finally, the project highlighted the value of collaboration between different entities in achieving project goals. Working hand-in-hand with Sinaweb, we were able to improve upon the initial user experience concept and create a more efficient system. This collaboration not only allowed us to leverage Sinaweb’s development expertise but also ensured that the final product was a true representation of the client’s vision. This experience underscores the importance of open communication and collaboration in the successful execution of complex projects.
