Orion Authenticator
by 1Kosmos
The 1Kosmos Authenticator app uses biometric authentication and government-issued IDs to verify your identity securely. Access your accounts instantly and safely, ensuring your data is always protected.
The 1Kosmos Authenticator app uses biometric authentication and government-issued IDs to verify your identity securely. Access your accounts instantly and safely, ensuring your data is always protected.
Design file
Project Overview
Product Defination
Product Defination
Product Description
Product Description
Orion Authenticator is an advanced authentication solution designed specifically for Apple Mac devices, enabling users to connect seamlessly with the 1Kosmos dashboard. This authenticator leverages a six-digit PIN to securely verify user identities, ensuring safe and instant access to their accounts. By integrating robust security features and a user-friendly interface, 1K Agent Auth simplifies the verification process, making it easier for users to manage and use their data without compromising on security.
Orion Authenticator is an advanced authentication solution designed specifically for Apple Mac devices, enabling users to connect seamlessly with the 1Kosmos dashboard. This authenticator leverages a six-digit PIN to securely verify user identities, ensuring safe and instant access to their accounts. By integrating robust security features and a user-friendly interface, 1K Agent Auth simplifies the verification process, making it easier for users to manage and use their data without compromising on security.
Design Approach
Design Approach
My design approach begins with a comprehensive market survey to understand user needs and preferences. Using Figma, I create intuitive and accessible designs, ensuring easy user flow and content comprehension through a detailed UX checklist. I strictly adhere to accessibility guidelines to make my designs inclusive. Working within an agile methodology, I iterate quickly based on feedback, ensuring continuous improvement and alignment with user expectations.
My design approach begins with a comprehensive market survey to understand user needs and preferences. Using Figma, I create intuitive and accessible designs, ensuring easy user flow and content comprehension through a detailed UX checklist. I strictly adhere to accessibility guidelines to make my designs inclusive. Working within an agile methodology, I iterate quickly based on feedback, ensuring continuous improvement and alignment with user expectations.
Opportunity Statement
Opportunity Statement
How might we create a seamless and secure authentication experience for Apple Mac users, allowing them to effortlessly connect to the 1Kosmos dashboard and access their accounts with ease and confidence?
How might we create a seamless and secure authentication experience for Apple Mac users, allowing them to effortlessly connect to the 1Kosmos dashboard and access their accounts with ease and confidence?
How might we create a seamless and secure authentication experience for Apple Mac users, allowing them to effortlessly connect to the 1Kosmos dashboard and access their accounts with ease and confidence?
Product User Flow
Use case + User flow
Use case + User flow
01
Set up as new user and add an account to the authenticator
Set up as new user and add an account to
the authenticator
Signup as new user: 1. Setup pin or 2. Face-Id 3. Via phone number
Signup as new user:
1. Setup pin or 2. Face-Id 3. Via phone number
Add account
Add account
Link the account?
Link the account?
Account added successfully
Account added successfully
02
Login to an account and verify it through authenticator
Login to an account and verify it through
authenticator
Login to gmail account, verify from the authenticator
Login to gmail account, verify from the authenticator
Open authenticator either by face id or pin
Open authenticator either by face id or pin
Select the account to login
Select the account to login
Copy paste pin from the authenticator to account
Copy paste pin from the authenticator to account
Successfully logged in
Successfully logged in
option to delete account
account successfully deleted
directed to instructions screen to add new account
Info Button
Home screen after reset agent,
when no account is addded
Get Started Button
option with touch ID
New account added to agent
add pin to continue setup
Setup complete,
no accounts added
Home screen
after account is added
Home screen
after account is removed
new account adding
new agent
has been found
agent is already
been added
no agent has been
detected
Splash Screen
Introduction to the Product +
CTA : Get started
Device Description
Detail description of
the device +
CTA : Reset agent (inactive)
Device Description
Device description when account
is already added.
CTA: Reset agent
How it Works
Working of the Product +
CTA : Continue
Setup Pin
6 Digit placeholder
and description
Option 2
Setup pin with touch id option
CTA: Enable touch id
Option 2
Enable touch id
CTA: enable six-digit pin
Setup Done
Setup successful +
CTA: Continue
Main screen
Main screen with account added
CTA: Add Acount
Instruction to Link
Instruction to Link account from 1kosmos dashboard to device
Home screen
Alert showcasing new account added
CTA: View passcode
Home screen
Home screen with a one account aded to device
CTA: add another account
More options
Button option: remove account, cancel
Dashboard screens
Looking for an agent screen within dashboard
Device Description
Device found with detail description.
CTA: verify and add
Alert agent
Agent has already been added to the account
CTA: Continue
Download agent
Asking to download agent first and then add account
CTA: Download agent
Device Description
Device found with detail description.
CTA: verify and add
Delete account
Successfully deleted the account.
CTA: Add new account
Home screen
Screen with no account added
CTA: Add Account
Home screen
Screen with no account added
CTA: Add Account
option to delete account
account successfully deleted
directed to instructions screen to add new account
Info Button
Home screen after reset agent,
when no account is addded
Get Started Button
option with touch ID
New account added to agent
add pin to continue setup
Setup complete,
no accounts added
Home screen
after account is added
Home screen
after account is removed
new account adding
new agent
has been found
agent is already
been added
no agent has been
detected
Splash Screen
Introduction to the Product +
CTA : Get started
Device Description
Detail description of
the device +
CTA : Reset agent (inactive)
Device Description
Device description when account
is already added.
CTA: Reset agent
How it Works
Working of the Product +
CTA : Continue
Setup Pin
6 Digit placeholder
and description
Option 2
Setup pin with touch id option
CTA: Enable touch id
Option 2
Enable touch id
CTA: enable six-digit pin
Setup Done
Setup successful +
CTA: Continue
Main screen
Main screen with account added
CTA: Add Acount
Instruction to Link
Instruction to Link account from 1kosmos dashboard to device
Home screen
Alert showcasing new account added
CTA: View passcode
Home screen
Home screen with a one account aded to device
CTA: add another account
More options
Button option: remove account, cancel
Dashboard screens
Looking for an agent screen within dashboard
Device Description
Device found with detail description.
CTA: verify and add
Alert agent
Agent has already been added to the account
CTA: Continue
Download agent
Asking to download agent first and then add account
CTA: Download agent
Device Description
Device found with detail description.
CTA: verify and add
Delete account
Successfully deleted the account.
CTA: Add new account
Home screen
Screen with no account added
CTA: Add Account
Home screen
Screen with no account added
CTA: Add Account
option to delete account
account successfully deleted
directed to instructions screen to add new account
Info Button
Home screen after reset agent,
when no account is addded
Get Started Button
option with touch ID
New account added to agent
add pin to continue setup
Setup complete,
no accounts added
Home screen
after account is added
Home screen
after account is removed
new account adding
new agent
has been found
agent is already
been added
no agent has been
detected
Splash Screen
Introduction to the Product +
CTA : Get started
Device Description
Detail description of
the device +
CTA : Reset agent (inactive)
Device Description
Device description when account
is already added.
CTA: Reset agent
How it Works
Working of the Product +
CTA : Continue
Setup Pin
6 Digit placeholder
and description
Option 2
Setup pin with touch id option
CTA: Enable touch id
Option 2
Enable touch id
CTA: enable six-digit pin
Setup Done
Setup successful +
CTA: Continue
Main screen
Main screen with account added
CTA: Add Acount
Instruction to Link
Instruction to Link account from 1kosmos dashboard to device
Home screen
Alert showcasing new account added
CTA: View passcode
Home screen
Home screen with a one account aded to device
CTA: add another account
More options
Button option: remove account, cancel
Dashboard screens
Looking for an agent screen within dashboard
Device Description
Device found with detail description.
CTA: verify and add
Alert agent
Agent has already been added to the account
CTA: Continue
Download agent
Asking to download agent first and then add account
CTA: Download agent
Device Description
Device found with detail description.
CTA: verify and add
Delete account
Successfully deleted the account.
CTA: Add new account
Home screen
Screen with no account added
CTA: Add Account
Home screen
Screen with no account added
CTA: Add Account
Font Type: Urbane
Main Heading: 18px Semi Bold
Heading 2: 12px Extra Light
Paragraph 1: 12px Light
Small 1: 10px Light
Light(version): 8 Light
Paragraph 2: 10px Light
Icons
+
+
Design Language
Design Language
Color Palette
#1E0A3C
#2C2C2D
#EE0000
#FFD37A
#9FB9AD
#4571E6
Infographics
Splash Screen
*
*
*
*
*
*
Setup 6 digit pin
+
#
>
≠
Home Screen
Enable Touch id
Setup complete
Device detection
Design Language
Color Palette
#1E0A3C
#2C2C2D
#EE0000
#FFD37A
#9FB9AD
#4571E6
Infographics
Splash Screen
*
*
*
*
*
*
Setup 6 digit pin
+
#
>
≠
Home Screen
Enable Touch id
Setup complete
Device detection
Font Type: Urbane
Main Heading: 18px Semi Bold
Heading 2: 12px Extra Light
Paragraph 1: 12px Light
Small 1: 10px Light
Light(version): 8 Light
Paragraph 2: 10px Light
Icons
+
+
1k Agent Auth
Welcome to 1k Agent Auth
Agent Auth is a lightweight biometric authenticator that enables frictionless MFA in digital transactions
Get Started
Powered by
V.1.6.9
35px
10px
35px
50px
50px
600 px
1k Agent Auth
+
#
>
≠
How it Works
1K Agent Auth uses your unique six digit pin to authenticate and verify your identity securely. Access your accounts instantly ensuring your data is always protected
Continue
Powered by
V.1.6.9
35px
35px
50px
50px
10px
30 px
370 px
50 px
Final Design
Figma Prototype
Product Final Screens
Hi-fi Prototype
The final prototype adheres to Mac guidelines and the existing design system, ensuring a cohesive and intuitive user experience. I focused on creating an easy user flow, making navigation straightforward and efficient. The prototype features contrasting infographics that enhance readability and visual appeal, aligning with the overall design language while emphasizing clarity and accessibility.
The final prototype adheres to Mac guidelines and the existing design system, ensuring a cohesive and intuitive user experience. I focused on creating an easy user flow, making navigation straightforward and efficient. The prototype features contrasting infographics that enhance readability and visual appeal, aligning with the overall design language while emphasizing clarity and accessibility.
Splash screen
Product instruction screen
Device detail screen
Pin configuration screen
Touch i’d configuration screen
Account setup instruction screen
New account detected
Home screen with no account added
Home screen with account added
Options for account added
Home account after an account has been deleted
Home screen with multiple account added