Design
Take a look at our designs!!!

Wireframe & Mock-up Ideas

This Section highlights the 4 different initial wireframe ideas that we had for what the homepage of our website would look like. To better understand and communicate our ideas, we also decided to create mock-ups of each wireframe.

Idea 1

For our first idea, we decided to include a search bar to show how a user would search for a certain resource and also be given information on its location.

Motivation: Users wanted to be able to search for information about resources. The page provides information relating to where resources are, contact information for the resources, as well as the website of where users can be redirected.

Idea 2

For our second idea, we decided to change Idea 1 so that it would better display the results of a searched item.  

Motivation: Users also wanted to be able to search for resources and see a summary of what the resource is, allowing them to determine if they want to redirect themselves to a new webpage or continue looking through the search results. 

Idea 3

For our third idea, we wanted to show a homepage of the website so that a user can navigate to the different sections that they may be inquiring about. Additionally, this idea takes a lot of inspiration from  UCI Undergraduate Admissions. 

Motivation: Users wanted a centralized point within the system to allow themselves to branch off from. A homepage with common resource categories allowed for a strong starting point for the user's journey of searching for resources.

Final Chosen Design

After looking over our initial ideas of what we wanted the homepage of our website to look like, we decided that Idea 3 was going to be our main outline since its overall design is simplistic and visually appealing. Some key differences from Idea 3's reference/inspiration would be the sidebar icon, search bar, and AI chatbox.