New Site ’18

With all the work we have done to this point, looking at websites, evaluating websites, working in some HTML, CSS and Bootstrap, designing a little in browser and getting familiar with the interface we now need to focus on steps to design a site. Remember the information we have gathered and talked about up to this point to use for this project.

Things to keep in mind: Size of your thumb on mobile, one action click for mobile versus the added hover on desktop. Content highlights, feel of the site that you want, color choices. What is important to showcase on the homepage. Where do you want them to navigate, and how. Any extras you want to include that add to the experience.

Step 1
This step will be to get us started. I need you to decide on a type of site you want to create that has at least 5 pages. What kind I do not care, but your research and sketches need to follow the purpose of that site.

Due: Friday, February 23rd

Specification sheet (pdf)


Homepage ’18

To start us off with some coding we are looking to begin our personal website. This is to be one html page of your website showcasing your site. As this is step one only HTML is to be used. We will be looking to add other features and languages at a later date. We will work on this in class Monday, January 29th and look at them first thing Wednesday, January 31st.

Due by end of class: Monday, January 29th

Now that we have gotten some HTML created we are going to take it to the next level. This will include adding CSS to our page. We will work on this in class Wednesday, January 31st to finish up on and get it uploaded by the end of class Friday, February 2nd.

Due by end of class: Friday, February 2nd

With the structure of Bootstrap we will now work to get the page to be responsive in that structure. Follow the requirements discussed in class and in the specification sheet below for details.

Due: Wednesday, February 7th

For the last portion of this project we will jump to one of the other pages to start over and build out the page. Taking what we have done so far and a couple additions (see specification sheet below for details) we need to add design to the page. Up to now we have been focused on getting the code to function, now we need to put it all together and design, setup and code a page.

Due: Monday, February 12th

Specification sheet (pdf)

Web Rules ’18

What Makes A Good/Great Site?

With the web research we have just completed, and the discussion afterwards compile that information to determine a set of rules for you. In order to move forward we need to address the likes and dislikes associates with the websites we looked at. What features worked, what didn’t, what interfaces were easy to use, which weren’t, etc. Create a bulleted list of ten for each side, screenshots of examples showcasing five for each side and a summary explaining the reason for the listed.

Due: Friday, January 26th

Specification sheet (pdf)

Final Project

This is a competition based on real-life project. You will be creating all necessary collateral and selling it to the client. As your instructor I will be acting as the client contact and the other design professors will also be acting as part of the client for you to present to.

The first part of this project will require you to select an industry/company type for this project. This will be selected as a class.

Industry/Company Selected: Advertising Agency
Presentation Date: Tuesday, May 2nd during class from 10:30 – 1:20 p.m.

Company Name: The Green Panda Group (Green Panda, Green Panda Group)

#1 – Sara, Shelby and Cheyenne
#2 – Emily, Mariah and Lindsey
#3 – Lorin and Taylor
#4 – Eva, Van and Aston
#5 – Claire, Amir and Tyler

Specification sheet (pdf)

Creating a Website

This will be our first practice in preparing and creating a website. There are a few steps associated with doing this and as such we will be working through them here.

Step 1: Sketch and Plan: To start our site we need to research some websites we are competing with (or like) to get an idea of what is happening currently with websites. Be sure to choose updated sites, or a site that is updated regularly to stay on top of trends and features they are utilizing.

Due: During class Thursday, February 16th. Will have about an hour to work on them in class before we go through them.

Specification sheet (pdf)

Step 2: Comps: Once settled on a design (or 2) we need to create composites for the client to see and decide on. This will include both digital and printed comps. The digital comps, done correctly, give us our files ready to go when we begin developing and a digital view for the client. For the digital view we place each exported comp into html to view them on the various devices. The printed comps are used to provide the client with something to hold, follow along with during our presentation, take notes on and to take back with them to aid in their decision making. For our timeline we will begin with the digital comps and then move to the printed comps.

Due: During class Tuesday, February 21st we will complete the mobile and tablet comps of your website.

Due: During class Thursday, February 23rd we will complete the Desktop and theme comps.

Due: During class Tuesday, February 28th we will complete the print ready files in InDesign.

Specification sheet (pdf)

Home page – CSS and BootStrap

Now that we have gotten some HTML created we are going to take it to the next level. This will include adding CSS and BootStrap to our page. This means we need to have some design thought put into it and style it accordingly. By utilizing BootStrap we will need to be sure it is visible and functional at all sizes (mobile and desktop). We will work on this in class Tuesday, February 7th to finish up on and get it uploaded by the end of class Thursday, February 9th.

Specification sheet (pdf)

Web Research

In order to understand where we are and what we use to determine what web design is and encompasses we need to look at the current websites and evaluate what we see. We will be doing this in three parts.

Part 1: Using your own criteria we will find 5 websites (2 like, 2 dislike and 1 extra) and evaluate them based ONLY on their desktop versions. DO NOT look at their mobile version!

Due: Thursday, January 19th

Part 2: Using your own criteria we will find 5 websites (2 like, 2 dislike and 1 extra) and evaluate them based ONLY on their mobile versions. DO NOT look at their desktop version!

Due: Tuesday, January 24th

Part 3: Using your own criteria we will find 5 websites (2 like, 2 dislike and 1 extra) and evaluate them based on their desktop and mobile versions.

Due: Thursday, January 26th

Specification sheet (pdf)