Spinet NFC Platforms
Empower your network with spinet
Empower your networking with a simple and easy digital way to instantly share your contact information or get others' contact information all at once. Build your network and grow your business using our NFC based features.
Dates
May 2021 - June 2024
Role
UI/UX designer
Client
Spinet NFC Sarl
Deliverables
Multiple products including 2 mobile apps, a landing page and a business dashboard. Deliverables included figma source files and final prototypes.
About the project
Applications overview
Spinet NFC comprises web and mobile applications enabling seamless exchange of social links. It offers two mobile solutions utilizing NFC technology and QR Codes for instant profile sharing without requiring additional installations. Additionally, it provides enterprise solutions for managing and monitoring user or employee networks, allowing comprehensive insights and real-time updates.
Design process
Which process did we follow?
The platforms were designed iteratively over different periods, with each new app launched individually. After each release, we gathered user feedback and continuously improved the solutions. Every new app revealed additional needs, which we addressed either by developing new applications or by introducing new features. To deliver a final product that meets client expectations and aligns with end-user standards, we followed a comprehensive process for each product, including: Scope Definition, UX Research, User Flows, Wireframing, UI Design, Design System Creation, Prototyping, Usability Testing, and Design Iterations.
Graphic chart
What about colors & font?
The NFC application is built around connection, sharing, and seamless interactions. To reflect these values, we chose royal blue as the main color, symbolizing trust, reliability, and professionalism. For the Events app, we introduced orange as the primary color to convey energy, enthusiasm, and engagement. We maintained the use of the Gilroy font across all applications to ensure a consistent, modern, and joyful user experience. The consistent use of fonts and a carefully selected color palette across the three applications helps strengthen the overall branding and maintain visual coherence.
User Interface Design
Applications screens
Here, you will find key design elements from each application: the two mobile apps and the business web app. You’ll notice that we focused on maintaining strong consistency across all platforms by applying the same design style and unified visual identity, using a shared graphic system and typography to ensure a cohesive brand experience.
Design system
How did we manage components between apps?
We ensured consistency and efficiency by creating a shared design system that unified components across the two mobile apps and the business web app. By reusing key elements such as buttons, input fields, icons, and typography, we maintained a cohesive user experience while reducing design and development time. This approach allowed us to keep the same visual language across all platforms while adapting specific components to meet the unique needs of each application.
To find ideas, find problems. To find problems, talk to people.
Julie Zhou
