w
w
Wage Wise
Wage Wise
Embedded Files
A website to introduce the Wage Wise app
Project Overview
Project Overview
The Wage Wise website is designed to introduce the Wage Wise app to both employers and employees. Through UX/UI design, we aimed to create an informative website that clearly communicates the app’s value proposition and highlights its features.
The design focused on the User Interface and incorporates creative ideas to create a seamless and accessible experience. Working with a hypothetical stakeholder, we defined requirements and limitations to guide the design process. We designed both the Wage Wise app and website in parallel, ensuring consistency across platforms.
Business Need
Business Need
Providing a website that effectively shows the benefits of the Wage Wise app to potential users and clients. The website needed to be intuitive, informative, and easy to navigate.
Goals
Goals
Creating an informative website that effectively communicates the value and functionality of the Wage Wise app.
Ensuring the website is user-friendly, with clear navigation and a straightforward process.
Design Strategy
Design Strategy
Our design process consisted of 4 phases:
Note: there is no doubt that iteration is necessary during all phases.
Research
Research
Competitive Analysis
Competitive Analysis
We analysed similar websites, their features, and workflows. In doing so, we were able to design a more effective Information Architecture for a better user experience.
Top Takeaways:
Easy to navigate and provides clear, straightforward information.
Clear understanding of how the Wage Wise app works and its benefits for both the company and its employees.
Identified categories for the navigation bar.
Easy access to download the application.
Effective visual representation of key features of the app.
Clear explanations about the app and data security.
Ideation
Ideation
Site Map
Site Map
After conducting our research, we crafted an initial Information Architecture which we continuously refined throughout the design process.
Design
Design
UI Kit
UI Kit
To create high-fidelity interfaces, I developed a UI Kit with fonts and elements to maintain consistency across all screens.
High-Fi Wireframes
High-Fi Wireframes
High-fidelity wireframes are shown below.
Test
Test
Self-improvement Iterations on "Home Page"
Self-improvement Iterations on "Home Page"
Final Design
Final Design
You can check out the complete final prototype at the link below.
Reflections
Reflections
What did I learn?
What did I learn?
I discovered a different approach to solving large problems in a short time.
The most valuable lesson I learned during this project was not to fixate on being right from the beginning, but to embrace the learning process and adapt as you progress.
What can we do next?
What can we do next?
Evaluating the current design and testing it with elderly users to check accessibility.
See more of my work:
Google Sites
Report abuse