My initial Wireframe Prototype

 **INTRO**
Since there were multiple pages/versions/sketches of wireframes from last year... I thought it might be helpful to start one central digital prototype of our wireframe files and to work together off of them until we have site structure and navigation finalized. This also benefits me because I have been training to learn Figma & Adobe XD.

Figma is free for all (so that's what I used). It is a collaborative web layout software that will allow us to all view the wireframes, make notes, move items around.... It does not need to replace WordPress for design layout, this is just for the wireframe step of our process.

This is not intended to reflect the aesthetic goals of the site at all. It is just to make sure we all understand the web structure and navigation before we get into detailed content and design. If we nail this down, before we start working in Word Press on an actual design, it should ensure more efficiency and success.

**ACTION**
https://www.figma.com/file/sjIWLDPhKS1vjB174FLDsu/Immersity?node-id=0%3A1

When you click on the above link you will have 1 of 2 possible views.
1. a series of thumbnails of each page
2. the landing page mock-up

If you got view 1, near the top right there is a share button, right next to that is an Arrow button. Click that and it should take you to the landing page.

Once on the Landing page you should be able to navigate around to the varied wireframe pages.
Near the top left there is a talking bubble icon, it allows you to click on anything on any page and make comments.
I am unsure of all the functionality you will have as viewers, but I think you may also have edit abilities to drag items around and edit text fields....''

The components I included so far are from the existing wireframe sketches. I anticipate all 3 of you will have a ton of feedback about what to add, where to place things... That's the beauty of Figma (so I am told)...

Note: I left the Partner Universities off of this wireframe because you said you were going to discuss where to place them and which to include.... but they will not be forgotten

**GOAL**
My main goal with this exercise is to nail down pages and navigation. I did my best to work off the original wireframes and to ensure that the common information is where it should be VS the information specific to each stakeholder type. This goal could be achieved a number of different ways, I just took a stab at it so we have a starting point when we talk next. As I understand it from our call the other day, MacKenzie is going to take the lead on this research & decision.

**DISCLAIMER**
If this process/app doesn't work out... then no harm done! It didn't take me long, but I read online it was a good way to kick things off with wireframes. My goal is to make things easier not harder, so if you hate it, we will gracefully move on another way :)
The videos I watched made this sound ideal... so now we will see....

Comments