A platform dedicated to promoting and showcasing the Personal Assistant app, Vismate, on Vision Pro by make user feel impact when see.
Date
SEP 6, 2023 — NOV 29, 2023
ROLE
UX/UI DESIGNER
SERVICES
PRODUCT WEBSITE
RESPONSIVE DESIGN
About the project
This project started with the idea of designing a personal assistant app called Vismate for Vision Pro. While working on the app, I realized that having a useful product wasn't enough. People also need to understand clearly what the app does and how it can help them.
So I decided to design a website to promote Vismate. The website helps explain the app’s features and shows how it supports users in managing their tasks and daily life.
Information Architecture
The website structure was planned to make it easy for users to understand what Vismate does and how it helps with productivity. It includes key pages like Homepage, Features, Pricing, Blog, and Contact, along with extra elements like a sticky chatbox and footer. Each part is designed to follow the user journey from discovering the app to understanding its features and deciding to use it.
Wireframe
To plan out the structure and content before designing the final UI, I created mid-fidelity wireframes for each key page of the website.
The goal was to keep everything simple and easy to follow while making sure the most important features stood out. It also helped me test the layout before moving on to visual design.
Design Direction
The visual direction of this website was guided by the keywords Gradient, Glass, and Futuristic. These ideas were chosen to reflect the innovative and modern feel of the Vismate app, which is built for Vision Pro.
Design System
To keep the design consistent and easy to scale, I created a simple design system that includes key elements such as typography, color palette, buttons, text field, and reusable components. This design system helped me work faster and keep the overall experience clear, modern, and aligned with the visual direction of the brand.
Outcome
Smooth Scroll
This will hide itself!
This will hide itself!
Vismate – Promotional website design
OVERVIEW
A platform dedicated to promoting and showcasing the Personal Assistant app, Vismate, on Vision Pro by make user feel impact when see.
Date
SEP 6, 2023 — NOV 29, 2023
ROLE
UX/UI DESIGNER
SERVICES
PRODUCT WEBSITE
RESPONSIVE DESIGN
About the project
This project started with the idea of designing a personal assistant app called Vismate for Vision Pro. While working on the app, I realized that having a useful product wasn't enough. People also need to understand clearly what the app does and how it can help them.
So I decided to design a website to promote Vismate. The website helps explain the app’s features and shows how it supports users in managing their tasks and daily life.
Information Architecture
The website structure was planned to make it easy for users to understand what Vismate does and how it helps with productivity. It includes key pages like Homepage, Features, Pricing, Blog, and Contact, along with extra elements like a sticky chatbox and footer. Each part is designed to follow the user journey from discovering the app to understanding its features and deciding to use it.
Wireframe
To plan out the structure and content before designing the final UI, I created mid-fidelity wireframes for each key page of the website.
The goal was to keep everything simple and easy to follow while making sure the most important features stood out. It also helped me test the layout before moving on to visual design.
Design Direction
The visual direction of this website was guided by the keywords Gradient, Glass, and Futuristic. These ideas were chosen to reflect the innovative and modern feel of the Vismate app, which is built for Vision Pro.
Design System
To keep the design consistent and easy to scale, I created a simple design system that includes key elements such as typography, color palette, buttons, text field, and reusable components. This design system helped me work faster and keep the overall experience clear, modern, and aligned with the visual direction of the brand.
Outcome
Smooth Scroll
This will hide itself!
This will hide itself!
Vismate – Promotional website design
OVERVIEW
A platform dedicated to promoting and showcasing the Personal Assistant app, Vismate, on Vision Pro by make user feel impact when see.
Date
SEP 6, 2023
— NOV 29, 2023
ROLE
UX/UI DESIGNER
SERVICES
PRODUCT WEBSITE
RESPONSIVE DESIGN
About the project
This project started with the idea of designing a personal assistant app called Vismate for Vision Pro. While working on the app, I realized that having a useful product wasn't enough. People also need to understand clearly what the app does and how it can help them.
So I decided to design a website to promote Vismate. The website helps explain the app’s features and shows how it supports users in managing their tasks and daily life.
Information Architecture
The website structure was planned to make it easy for users to understand what Vismate does and how it helps with productivity. It includes key pages like Homepage, Features, Pricing, Blog, and Contact, along with extra elements like a sticky chatbox and footer. Each part is designed to follow the user journey from discovering the app to understanding its features and deciding to use it.
Wireframe
To plan out the structure and content before designing the final UI, I created mid-fidelity wireframes for each key page of the website.
The goal was to keep everything simple and easy to follow while making sure the most important features stood out. It also helped me test the layout before moving on to visual design.
Design Direction
The visual direction of this website was guided by the keywords Gradient, Glass, and Futuristic. These ideas were chosen to reflect the innovative and modern feel of the Vismate app, which is built for Vision Pro.
Design System
To keep the design consistent and easy to scale, I created a simple design system that includes key elements such as typography, color palette, buttons, text field, and reusable components. This design system helped me work faster and keep the overall experience clear, modern, and aligned with the visual direction of the brand.
Outcome
Smooth Scroll
This will hide itself!
This will hide itself!