👀 Look at examples of Nika’s work and talk about the first design presentation
Notice“Site architecture”
Notice what goes into the initial design ideas
Notice the variation in the ideas
For homework, we want to see something that looks similar in scope to the design presentations I shared with you.
đź’¬ Presentation Contents
Wireframes
A wireframe is a stripped down view of the website that highlights the general structure, hierarchy, and content of the site. You can use this to flesh out the filters and navigation of the website. While this is designed in the sense that there is a system in place, imagery and color is omitted so you can focus on the site architecture. The wireframe doesn’t need to be indicative of what the website will look like.
A sense of uniformity, even with placeholder content
Clear typographic hierarchy
Color is used to call attention to different things and to create a uniform look but is not meant to distract from the content.
Buttons and iconography are the same throughout
There aren’t any images.
The goal of the wireframe is to assess the hierarchy of information, test out the navigation, and have a plan for what you’ll design. Wireframes can be helpful when you’re working with a team to communicate everything that will go into the website, without focusing on the art direction and design. For yourself, it can be helpful to figure out how much content you’ll need to create and plan accordingly.
For homework, you’ll need to create a wireframe that is organized and has a default but clear designs system. Focus on the hierarchy and content.
Design Concepts
In addition to a wire frame, please present two completely different design concepts for your project. While I’m only requesting two directions, this doesn’t mean you should only design two – I expect that you’ll test out and sketch several different options and only present the two strongest options. Each direction should include:
A written description of the concept – what is this about? what are you referencing?
A visual depiction of your research – can feel like a“mood board”
The homepage design using a unique and specific set of typography and stylistic choices that bring the design concept to life.
The two directions should house the same content overall(some variation OK) but should tell two completely different visual stories. While distinct, they should both be appropriate choices for the project.
👀 Look at examples of Nika’s work and talk about the first design presentation
đź’¬ Presentation Contents
Wireframes
Design Concepts
âť“Q & A
đź‘Ą Small Group Project Update