|
|
|
This page was designed with a clear idea of a quick CTA, space to educate the user and direct access to the product right after.
We took this path based on competitive research. Travel sites, like Expedia & AirBnB, start out with a date filter for users to quickly search for what they need. With the common understanding that this search means "travel," it will better indicate to new users what we do. Right after we have a quick rundown of our two main services, Education and Housing, for users to inform themselves of what Vanmates is about and the goals we seek to help them accomplish. Below the education aspect, we have a list of the different available products. This will give users quicker access to the product detail page, and therefore quicker understanding of how to search for what they need. |
The product search page was created with ease of responsive design in mind. My tasks were specifically to create for desktop web, but I made sure to keep mobile in mind to make it easier for development.
The way I did this was by creating a standardized three column view on desktop that could change to a one column view in mobile. Some other specifics I had to consider were the types of information most wanted by a user before clicking in. The team and I settled on Price, Dates, Reviews, Location, Name and Product Image. |
The product detail page was made mainly with consideration to what information users need when making an expensive and important investment in their future.
I stress the importance of that because some users end up spending months and years after they move to Vancouver, and our site is meant to help students and sometimes their parents understand what they're getting. We based our structure on popular competitive sites like Expedia and AirBnB. This structure is used for both the accommodation and education product detail pages. The purpose of unifying the design for both product pages is so users can easier adapt moving between both products and to make the developers job easier in getting the website up and running. |
The My Account Page is where the user will check the status of their applications, find their favourite listings, and update their account information.
The main dashboard page will have constant status updates and is designed with the same three column web to one column mobile responsiveness as the product search page to make development easier for the team. |