Final Project ’18

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 team 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: Non-Profit
Presentation Date: Monday, April 30th 2:30 – 4:30 p.m.

Company Name: One More Green

Groups
#1 – Meridith, Joshua Fi and Jenna
#2 – Jessica, Jeff and Tim
#3 – Nick, Annie and Cameron
#4 – Joshua Fa and Anna

Build Due: Monday, May 7th at 11:30 a.m.

Specification sheet (pdf)

Advertisements

Site Re-Design ’18

Using the steps we worked on we are going to tackle a re-design of an existing website. By now you have chosen a website to re-design.

Materials Due: Monday, April 9th

Presentations Friday, April 13th

Build Due: Wednesday April 18th

Specification sheet (pdf)

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

Step 2
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.

Mobile and Tablet Due: Wednesday, February 28th

Desktop and Theme Due: Monday, March 5th

Step 3
This step we will be taking the set designs created in Photoshop and setting them up to print. Remember your print requirements; dpi, color space and dimensions. Photos must be optimized for print. This will be what we create for the client to hold and take with them for discussion after you have met with them. All the pages should be done in one InDesign file.

Due: Friday, March 9th

Step 4
Now that we have our designs set and assets generated we ned to put them together to sell them to a client. This will include live view of the digital comps, prints comps an information packet and a presentation. Refer to eh specification sheet for details.

Due: Wednesday, March 21st

Step 5
Build it!

Due: Wednesday, March 28th

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)

Groups
#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)