College Assignment: Portfolio Website

portfolio, landing page, html, css

Brief Outline:

Requisite Skills:
  • Photoshop
  • HTML5
  • CSS3
  • Basic SEO and findability

Develop an eye-catching website that shows your creative and technical skills while keeping to the theme of your company using Photoshop, Dreamweaver, and InDesign.


Only your own images are to be used for this project.

Bringing the brief to life

While this brief only specified that HTML and CSS be used, I decided to incorporate jQuery and Javascript to ensure that my site would be more interactive. On the landing page, for example, I made use of the HTML canvas tag to animate particles floating up from the bottom of the screen. I used the jmpress slider plugin on the portfolio page, which presented me with some unique problems.

I also used basic CSS animations throughout the website. For images, I used hover animations to display more information about the project they were sourced from. I also included hover animations on the various navigation options on the website.

I would like to add more interactivity to this website, like hover effects on the main navigation, and perhaps include the canvas animation on all of the pages.

I’d love to read your thoughts; any feedback will really be great!

Screen Shot 2015-01-11 at 4.56.29 PM


Portfolio: "Portfolio" Page


Portfolio: "Portfolio" Page - Categories


Portfolio: "Resume" Page


Portfolio: "Contact" Page

Leave a Reply