01 Overview
01 Overview
Type
Type
Responsive Web
Responsive Web
Role
Role
UX/UI Designer, Front-End Developer
UX/UI Designer, Front-End Developer
Timeline
Timeline
2 weeks
2 weeks
Type
Responsive Web
Role
UX/UI Designer, Front-End Developer
Timeline
2 weeks
Overview
Overview
This project challenged me and my team to design and develop an auction-based website under a tight deadline as part of a student group assignment. Taking on the roles of both UX/UI Designer and Front-End Developer, I worked to create a platform that not only functioned smoothly but also provided an engaging and intuitive experience for the users. The focus was on efficiency and usability, ensuring that users could navigate the bidding process with ease. By applying core UX/UI principles and maintaining a clear visual design, we were able to deliver a fully functional, user-friendly auction website within the time constraints.
This project challenged me and my team to design and develop an auction-based website under a tight deadline as part of a student group assignment. Taking on the roles of both UX/UI Designer and Front-End Developer, I worked to create a platform that not only functioned smoothly but also provided an engaging and intuitive experience for the users. The focus was on efficiency and usability, ensuring that users could navigate the bidding process with ease. By applying core UX/UI principles and maintaining a clear visual design, we were able to deliver a fully functional, user-friendly auction website within the time constraints.
What I accomplished
What I accomplished
In this project, I played a key role in designing and developing a functional and visually appealing auction-based website under a strict deadline. From initial research to final implementation, I helped ensure a seamless user experience by focusing on usability, efficiency, and accessibility.
By analyzing market trends, studying competitors, and applying UX/UI best practices, we crafted an intuitive bidding platform tailored to our target audience. Through WordPress development and custom HTML & CSS, we successfully built a responsive and engaging site that delivered a smooth, user-friendly experience.
In this project, I played a key role in designing and developing a functional and visually appealing auction-based website under a strict deadline. From initial research to final implementation, I helped ensure a seamless user experience by focusing on usability, efficiency, and accessibility.
By analyzing market trends, studying competitors, and applying UX/UI best practices, we crafted an intuitive bidding platform tailored to our target audience. Through WordPress development and custom HTML & CSS, we successfully built a responsive and engaging site that delivered a smooth, user-friendly experience.
02 Research
02 Research
Planning Phase
Planning Phase
We began this project by planning everything we needed to do, including time assessment, risk analysis, role allocation, and other methods to ensure a solid foundation for our project.
We began this project by planning everything we needed to do, including time assessment, risk analysis, role allocation, and other methods to ensure a solid foundation for our project.
Discovery Phase
Discovery Phase
In order to understand how to create an impactful website that breathes user-centered design we had to conduct a lot of research. This involved:
Looking into current market trends.
Analyzing competitor websites.
Reviewing best practices in UX/UI design to ensure the site would be both intuitive and visually appealing.
In order to understand how to create an impactful website that breathes user-centered design we had to conduct a lot of research. This involved:
Looking into current market trends.
Analyzing competitor websites.
Reviewing best practices in UX/UI design to ensure the site would be both intuitive and visually appealing.
03 Define
03 Define
Define Phase
Define Phase
Through our research, we began to understand the problems we aimed to solve.
Gathering and analyzing the data to define and identify the problems we aimed to solve.
Through our research, we began to understand the problems we aimed to solve.
Gathering and analyzing the data to define and identify the problems we aimed to solve.
Define the problem
Driving Traffic (Auction based websites are not in demand, but one that solely focuses on reselling of tools from professionals to amateurs or -smaller companies is a great USP. The goal will be to drive traffic to our clients website instead of competitors)
Appealing Design (Creating user-centered design that’s appealing to the target audience)
Best Practices (How are other similar competitors building their websites and what can we do better)
Define the problem
Driving Traffic (Auction based websites are not in demand, but one that solely focuses on reselling of tools from professionals to amateurs or -smaller companies is a great USP. The goal will be to drive traffic to our clients website instead of competitors)
Appealing Design (Creating user-centered design that’s appealing to the target audience)
Best Practices (How are other similar competitors building their websites and what can we do better)
04 Design
04 Design
Ideate Phase - Wireframing
Ideate Phase - Wireframing
We began this project by planning everything we needed to do, including time assessment, risk analysis, role allocation, and other methods to ensure a solid foundation for our project.
We began this project by planning everything we needed to do, including time assessment, risk analysis, role allocation, and other methods to ensure a solid foundation for our project.
Design - WordPress / HTML & CSS
Design - WordPress / HTML & CSS
The final step of our process was to implement all of our research and ideation into an actual service. This was achieved using WordPress, which was a requirement of the assignment, along with a great deal of custom HTML & CSS.
The final step of our process was to implement all of our research and ideation into an actual service. This was achieved using WordPress, which was a requirement of the assignment, along with a great deal of custom HTML & CSS.