Purpose

To create a client website using the ideal web design workflow.

Assignment

Select a local company with a poor online presence which you feel confident you can improve apon.

Client Brief?

Creative Brief One	PDF Icon
Creative Brief Two

Deliverables

Client Brief
Site Map
Content
Thumbnails
Roughs
Client Presentation
Launch Presentation

See your syllabus schedule for project deadlines.

Client Website

Solve a real-world client brief. Win. Get exposure.

Assignment Brief

Solve one of two client briefs using an HTML website.

Objectives

To translate good web design into valid structure using HTML tags
To translate good web design using CSS (Cascading Stylesheets)
To experience the design process for a real-world client

Specifications

Create only one HTML page
Must use HTML only
Must use CSS
Must be viewable online at your domain

Final Deliverables

Be ready to present your website on-screen and to turn-in a client CD (with all working and web-ready files) at the beginning of class.

Client Website: Client website uploaded and viewable at your domain. The website should be error free.

Client CD: Burn a client CD with all the project files.

Working Files Folder
Illustrator, Photoshop & Fonts
Final Files
HTML, CSS, JPEG & GIF Images

Timeline

Project hours: 30

Four weeks of the semester are assigned to complete this project. Late work will not be accepted or critiqued. See semester schedule for deadlines.

Week One

Research & Ideation: Research well-designed and innovative websites. Thumbnail 2-3 unique and refined concepts that solve the client’s stated brief. Your thumbnails should clearly show your concept, a consistent grid and the beginnings of visual hierarchy.

Week Two

Wireframes & Roughs: Choose the most appropriate and innovative concept that satisfies the client brief. Using your thumbnails as reference design wireframes and roughs for 2-3 visual styles. Export a PDF of each visual style for on-screen presentation and one-on-one critique.

Week Three

Prototype: Focus on the technical requirements of your website. Create a functional website based on the approved visual style. Ensure all HTML and external CSS code is clean. Upload your website for on-screen presentation and group critique.

Week Four

Refinement & Presentation: Focus on the aesthetics of your website. Refine both the functionality and aesthetics of your website. Ensure all HTML and external CSS code is clean. Upload your website for on-screen presentation and final class critique.