I’ve been really enjoying my third year at RIT! I recently finished up my first major project in my web development class, and I figured I’d share it.

Link: explore!

Requirements

I had to make a site focused on a place I enjoy. I had a hard time picking one place, so I looked at the project from a different perspective. I made a guide on local exploration.

I was also not allowed to use any javascript libraries or jQuery. Anything used in the site, with the exception of a few pictures, had to be created by me.

Design

Example of the design concept
Simple design, content-focused.

I tend to have a pretty short attention span when it comes to reading large blocks of text. I chose to have most of the textual information presented in single sentences in the footer. This way, users can flick through the site quickly. I kind of picture it like a digital children’s book.

I chose a minimalist design with fullscreen, high-definition background pictures. I wanted to make it blatantly obvious that the content was the primary focus of the site. Combined with the fact that I couldn’t use jQuery or other libraries, the large images threatened to make the site unusably slow.

Navigation

Navigation picture
Navigation

Navigation is pretty standard. I used an unordered list with an ‘active’ class that changes the size of the menu item when it’s active. I chose white text with a slight shadow to make the navigation items stand out even on a light  background.

Users know where they are, it’s simple, and it works.

Future work

The next step for this project is to refine the design and start including libraries to simplify things a bit. Also, I want to fix a bug in my javascript that’s making the page-back function a little wonky. Overall, though, I’m pleased with how this project turned out, and I’m hoping for a good grade.

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *