Website Re-Design ’19

Using the steps we worked on we are going to tackle a re-design of an existing website.

You need to have chosen a website to re-design and uploaded a note letting me know the site to the class Google drive by Monday April 1st.

Materials Due: Monday, April 8th

Presentations Friday, April 12th

Build Due: Friday April 19th

Specification sheet (pdf)

Advertisements

New Site Design ’19

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, March 1st

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 Due: Monday, March 4th

Tablet Due: Wednesday, March 6th

Desktop and Theme Due: Friday, March 8th

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: Wednesday, March 20th

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 the specification sheet for details.

Due: Monday, March 24th

Step 5
Build it!

Due: Friday, March 29th

Specification sheet (pdf)

JavaScript Plug-in ’19

Lets jump to another page from the previous assignment. For this page we want to put in some JavaScript. Investigate JavaScript plug-ins and see how they work. Then put enough content on this page to make the chosen plug-in work. The more you research and look at the better sense you will have on the capabilities of JavaScript. See specification sheet below for details.

Due by end of class: Wednesday, February 27th

Specification sheet (pdf)

Portfolio Page ’19

Now we will jump to the Portfolio page from the previous assignment to start over and build out a page. Taking what we have done so far and a couple changes (see specification sheet below for details) we need to add design and Bootstrap structure 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 by end of class: Friday, February 22nd

Specification sheet (pdf)

Homepage ’19

To start us off with some coding outside the book 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 look at these first thing Wednesday, February 6th.

Due: Wednesday, February 6th

Now that we have gotten some HTML created we are going to add CSS to our page. Be sure to keep the CSS on page for this step.

Due: Friday, February 8th

With the structure of Bootstrap we will now work to get the page to be responsive in that structure. To test this we need to have our domains up and running! Follow the requirements discussed in class and in the specification sheet below for details.

Due by end of class: Friday, February 15th

Now that we have a basic practice on the structure we need to put it to use. This is your chance to make it look better using what you have learned and done to this point. Using your home page re-imagine the page utilizing CSS and Bootstrap. This version needs to include a Bootstrap carousel for some images. Design will be a factor.

Due by end of class: Wednesday, February 20th

Specification sheet (pdf)