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.

App design

X-one.vision

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

Facebook

Linkedln

Add a Contact

Address

Instagram

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.

App design

X-one.vision

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.