App design
X-one.vision


Check live app
Timeline
November - December 2021
Role
Product design, research, visual design, branding, full developer handoff
The team
1 Product Designer (me), 2 developers, 1 stakeholder
An innovative way to share your contact details with a digital business card.
X-one.vision allows you to create and customise your business card and share them with anyone, anywhere, anytime at the touch of a button.
Digital business cards on X-one.vision are designed to replace the physical copies thanks to easy scanning and sharing features.


Problem
Traditional paper business cards typically end up forgotten or lost
Also they are costly to change if your details need to be updated, can be used only for in-person meetings and contain basic information because of limited amount
of space.
Goal
Create a digital alternative to traditional paper business cards that addresses the shortcomings of the physical format
The solution should aim to provide users with a platform that allows for easy access to contact information, facilitates quick updates, and expands the potential reach beyond in-person meetings. The goal is to enhance user convenience, reduce costs associated with frequent updates, and maximise the utility of business card information.
Main Features
Add multiple cards
You can add multiple virtual cards with your logo, name and brand.




Keep track of your analytics
You have access to comprehensive insights regarding the usage of your card, highlighting the frequency of its utilization and identifying the most-clicked social channels.




Take photos of cards
Take photo of cards handed to you at events and add them.




Share your contacts on the go
You can share your details via QR code. Easy and simple, no need for special requirements. All safe and secure.




User Flow
Crafting a blueprint: Navigating user patterns for application architecture
I developed a comprehensive user flow to delve into user navigation patterns and behaviors, meticulously crafting a blueprint for the intricate architecture of our forthcoming application.
Wireframes
Enhancing conceptual clarity and information architecture validation
The following wireframes were created to give our ideas more substance and to ensure that our information architecture made sense.
Solution
Intuitive design and seamless sharing
The solution for X-one.vision involved crafting an intuitive design interface for creating and customizing digital business cards, complemented by seamless sharing functionality via email, text message, QR code, or within the platform itself. Incorporating easy scanning features using QR code or NFC technology ensures effortless capture of contact information. Cross-platform accessibility allows users to utilize the platform across various devices and operating systems. Providing ample personalization options, such as customizable templates and branding elements, enables users to reflect their unique brand identity..


1
Onboarding
The onboarding process serves as the initial impression for an app, often shaping a user's perception within mere seconds, influencing their decision to engage further.




2
Sign Up
Users have the option to register using either their email address or phone number, streamlining the sign-up process.




3
Home screen
The home screen provides quick access to your profile and all saved cards, ensuring seamless navigation. Additionally, users can easily access card settings or opt to add a new card directly from this sceen.




4
Saved cards
Users have the option to effortlessly add a new card by either capturing a photo and entering the cardholder details.




5
Share your card
You can either choose to share your card via QR Code or share with your contacts.




Next steps
Post-launch optimization
The project's next phase revolves around iterative refinement and expansion. User feedback will becomes pivotal, with thorough analysis of user input through various channels like surveys, reviews, and behavioral analytics. This feedback will inform iterative design updates aimed at enhancing usability, addressing pain points, and optimizing the overall user experience.
Performance metrics would be closely monitored to gauge platform performance, user engagement, and conversion rates, facilitating the identification of any performance issues or areas ripe for optimization.
Timeline
November - December 2021
Role
Product design, research, visual design, branding, full developer handoff
The team
1 Product Designer (me), 2 developers
An innovative way to share your contact details with a digital business card.
X-one.vision allows you to create and customise your business card and share them with anyone, anywhere, anytime at the touch of a button.
Digital business cards on X-one.vision are designed to replace the physical copies thanks to easy scanning and sharing features.


Problem
Traditional paper business cards typically end up forgotten or lost
Also they are costly to change if your details need to be updated, can be used only for in-person meetings and contain basic information because of limited amount
of space.
Goal
Create a digital alternative to traditional paper business cards that addresses the shortcomings of the physical format
The solution should aim to provide users with a platform that allows for easy access to contact information, facilitates quick updates, and expands the potential reach beyond in-person meetings. The goal is to enhance user convenience, reduce costs associated with frequent updates, and maximise the utility of business card information.
Main Features


Add multiple cards
You can add multiple virtual cards with your logo, name and brand.
Keep track of your analytics
You have access to comprehensive insights regarding the usage of your card, highlighting the frequency of its utilization and identifying the most-clicked social channels.




Take photos of cards
Take photo of cards handed to you at events and add them.
Share your contacts on the go
You can share your details via QR code. Easy and simple, no need for special requirements. All safe and secure.


User Flow
Crafting a blueprint: Navigating user patterns for application architecture
I developed a comprehensive user flow to delve into user navigation patterns and behaviors, meticulously crafting a blueprint for the intricate architecture of our forthcoming application.
Wireframes
Enhancing conceptual clarity and information architecture validation
The following wireframes were created to give our ideas more substance and to ensure that our information architecture made sense.
Solution
Intuitive design and seamless sharing
The solution for X-one.vision involved crafting an intuitive design interface for creating and customizing digital business cards, complemented by seamless sharing functionality via email, text message, QR code, or within the platform itself. Incorporating easy scanning features using QR code or NFC technology ensures effortless capture of contact information. Cross-platform accessibility allows users to utilize the platform across various devices and operating systems. Providing ample personalization options, such as customizable templates and branding elements, enables users to reflect their unique brand identity..







1
Onboarding
The onboarding process serves as the initial impression for an app, often shaping a user's perception within mere seconds, influencing their decision to engage further.
2
Sign Up
Users have the option to register using either their email address or phone number, streamlining the sign-up process.
4
Saved cards
Users have the option to effortlessly add a new card by either capturing a photo and entering the cardholder details.




3
Home screen
The home screen provides quick access to your profile and all saved cards, ensuring seamless navigation. Additionally, users can easily access card settings or opt to add a new card directly from this sceen.
5
Share your card
You can either choose to share your card via QR Code or share with your contacts.
6
Dashboard
The dashboard brings together all the important data in one place. With a quick look, you can see your visits over time, visits by device, location details, top-clicked links, and busiest hours.






Flip
General Analitycs
Total Visits
Today’s Visits
26
17
Sun
0
20
40
60
80
Mon
Tue
Wed
Thu
Fri
Sat
Visits by device
Visits in time
Mobile
50,7%
Computer
35,2%
Tablet
14,1%
Day
Month
Week
Year
10
20
30
40
50
60
70
80
0
Linkedln
Add a Contact
Address
Most clicked link
Day
Month
Week
Year
Day
Month
Week
Year
Germany
Italy
Ireland
Scotland
United Kingdom
Location
Click on country to see city breakdown
60%
55%
96%
23%
70%
Day
Month
Week
Year
10
20
30
40
50
60
70
80
0
02:00-04:00
04:00-06:00
06:00-08:00
08:00-10:00
10:00-12:00
12:00-14:00
14:00-16:00
16:00-18:00
18:00-20:00
20:00-22:00
22:00-24:00
24:00-02:00
Frequently visited hours
9:27
User can see how many visited their profile per day, week, month and year.
If user clicks on the name of the country, they can see country details.
On the top user can see the registered card. If “Flip” button pressed then user can see x-one.vision logo.
Users can view different types of devices.
This data is useful for the user to understand which of their social channels have the most reach and also track changes of trafic in time.
Next steps
Post-launch optimization
The project's next phase revolves around iterative refinement and expansion. User feedback will becomes pivotal, with thorough analysis of user input through various channels like surveys, reviews, and behavioral analytics. This feedback will inform iterative design updates aimed at enhancing usability, addressing pain points, and optimizing the overall user experience.
Performance metrics would be closely monitored to gauge platform performance, user engagement, and conversion rates, facilitating the identification of any performance issues or areas ripe for optimization.
Timeline
November - December 2021
Role
Product design, research, visual design, branding, full developer handoff
The team
1 Product Designer (me), 2 developers
An innovative way to share your contact details with a digital business card
X-one.vision allows you to create and customise your business card and share them with anyone, anywhere, anytime at the touch of a button.
Digital business cards on X-one.vision are designed to replace the physical copies thanks to easy scanning and sharing features.


Problem
Traditional paper business cards typically end up forgotten or lost
Also they are costly to change if your details need to be updated, can be used only for in-person meetings and contain basic information because of limited amount of space.
Goal
Create a digital alternative to traditional paper business cards that addresses the shortcomings of the physical format
The solution should aim to provide users with a platform that allows for easy access to contact information, facilitates quick updates, and expands the potential reach beyond in-person meetings. The goal is to enhance user convenience, reduce costs associated with frequent updates, and maximise the utility of business card information.
Main Features




Add multiple cards
You can add multiple virtual cards with your logo, name
and brand.




Keep track of your analytics
You have access to comprehensive insights regarding the usage of your card, highlighting the frequency of its utilization and identifying the most-clicked social channels.
Take photos of cards
Take photo of cards handed to you at events and add them.








Share your contacts on the go
You can share your details via QR code. Easy and simple, no need for special requirements. All safe and secure.
User Flow
Crafting a blueprint: Navigating user patterns for application architecture
I developed a comprehensive user flow to delve into user navigation patterns and behaviors, meticulously crafting a blueprint for the intricate architecture of our forthcoming application.






1
Onboarding
The onboarding process serves as the initial impression for an app, often shaping a user's perception within mere seconds, influencing their decision to engage further.




2
Sign Up
Users have the option to register using either their email address or phone number, streamlining the sign-up process.




3
Home screen
The home screen provides quick access to your profile and all saved cards, ensuring seamless navigation. Additionally, users can easily access card settings or opt to add a new card directly from this sceen.




4
Saved cards
Users have the option to effortlessly add a new card by either capturing a photo and entering the cardholder details.




5
Share your card
You can either choose to share your card via QR Code or share with your contacts.
Wireframes
Enhancing conceptual clarity and information architecture validation
The following wireframes were created to give our ideas more substance and to ensure that our information architecture made sense.
Solution
Intuitive design and seamless sharing
The solution for X-one.vision involved crafting an intuitive design interface for creating and customizing digital business cards, complemented by seamless sharing functionality via email, text message, QR code, or within the platform itself. Incorporating easy scanning features using QR code or NFC technology ensures effortless capture of contact information. Cross-platform accessibility allows users to utilize the platform across various devices and operating systems. Providing ample personalization options, such as customizable templates and branding elements, enables users to reflect their unique brand identity..


Next Steps
Post-launch optimization
The project's next phase revolves around iterative refinement and expansion. User feedback will becomes pivotal, with thorough analysis of user input through various channels like surveys, reviews, and behavioral analytics. This feedback will inform iterative design updates aimed at enhancing usability, addressing pain points, and optimizing the overall user experience.
Performance metrics would be closely monitored to gauge platform performance, user engagement, and conversion rates, facilitating the identification of any performance issues or areas ripe for optimization.