WEB - Milestone 1

For my WEB portal, I decided that I want to make a portfolio page that showcases my personal/professional work, as well as my labs and projects for WEB.

I do a lot of photography, videography, and design, and I need a portfolio site to showcase my work. I currently already have a website (solomonmedia.co), however it is based on a template, and very little of it was built from the ground up.

I would like to base my portal off of my current website, but I want to build/design it myself.

The main features that I want my site to have are a full-width video reel that plays in the background behind my logo (shown above), and a portfolio item grid. I would like these grid items to open up within the same page in a kind of pop-up window. These portfolio pop-ups will feature photos/videos and short descriptions of the piece.

I want to use very clean typography, maybe Futura or Univers. I also want to use a similar color pallet to the one already in use: grays/blacks and flat greens on a white background.

I have already messed around a bit and build a small concept.

It already features an autoplay video and a small portfolio grid. I was unable to easily get the video to be full width and scale with the page. Also, I wasn't quite sure how to get the portfolio items to open up within the same page, so I simply built an individual web page for each one.

I also want to have a clean navigation menu like the one already featured on my website, although it uses javascript to achieve smooth autoscrolling and to highlight the section being featured.

The structure of the page will be as follows:

• Portal (main)

• Labs

• Lab 1

• Lab 2

• etc...

• Projects

• Project 1

• etc...

• Journal (External)

For the main portal page itself, the structure will be

- Navigation bar

- Full width video

- Portfolio grid

- About

- Contact

I imagine that the final version will feature both CSS and Javascript to allow it to be fully functional and scalable for mobile use.

#web