Create a responsive portfolio website

  1. Assignment 3: Final Website


Over the duration of this Study Period you will either create a responsive portfolio website for yourself / your design studio, or else develop a responsive website for a client. The development process will consist of three production stages. An initial documentation stage, a prototype development stage and delivery of the Final Website.

To address the diverse range of devices connected to the Internet, the final website must employ ‘responsive design’ and be optimized for viewing through desktop web browsers as well as mobile device browsers. Although the use of CMS for your website back-end is permissible, its graphic design (aka front-end) must not look like, or be derived from a boilerplate or template.

By this third and final stage of development, your website should look a lot like the screen mockups that you presented in your initial project documentation. However, design is an iterative and evolving process and certain design elements are bound to have changed over time. This is intrinsic to the development process and you will not be marked down for ‘deviating’ from your initially specified designs. However you are expected to outline and rationalise any changes since your previous assignment submission.

Through the process of researching, planning and executing this assignment you will:

l Develop the skills to create a compelling, credible and unique website interface
l Build a website which is suitable for viewing across various devices including smartphones, desktops

and tablets
l Acquire knowledge of how to use technology and techniques to build websites for different devices


The Final Website must exceed the requirements outlined for Assignment 2: Prototype Website, by meeting the following additional specifications:

l If undertaking the Portolio project, the Final Website must contain at least the following sections in a visually and functionally complete manner – designer’s contact details, ‘about’ section, portfolio/gallery and clear “call to actions”. The final website must present at least 3 different works from the student’s design portfolio. (eg. Digital design pieces or other relevant work).

l If developing a client-brief project, the Final Website must contain at least 3 different pages/sections in a visually and functionally complete manner.

l The Final Website must feature at least two fully functional interactive elements that enhance the user's site experience and/or support the visual branding of the company/site. Refer to the prerequisite unit materials for a working definition of what is meant by an 'interactive element'.

l The Final Website must employ ‘responsive design’ and be optimized for viewing through all major desktop web browsers as well as the most common mobile device browsers. Major browsers include Internet Explorer 8 and up, Chrome, Firefox, Safari. Responsiveness should be tested across all browsers with the exception of Internet Explorer 8 – as mobile devices do not use IE8 only the desktop view need be tested.

l The Final Website must be marked up in HTML5 and styled in CSS3. You are permitted to use other appropriate web technologies, but you must first discuss their implementation with your tutor. You are permitted use “What

DVC Education OUA Programs

You See Is What You Get” (WYSIWYG) website authoring tools like Adobe Dreamweaver.

l Any 3rd party scripts/code that has been utilized in your website must be referenced ‘in-situ’ using code comments as well as in the ‘Website Bibliography List’ in your Progress Report.