In today’s world, digital designers require a beautiful web presence to get work. My colleague Jenna Guswiler, with whom I won first prize of $1,000 with our Smart Spicerack, wanted a custom web portfolio to stand out against those default looking Squarespace or Wix designs. Jenna is a UI / UX and Product Designer in Chicago, IL and I worked with her to develop a specific and custom website that could show her ability to design a product exactly the way she wanted. This portfolio was build to showcase her User Interface and User Experience work, as well as be a product in itself. The site was built using basic HTML, CSS, and jQuery. The site is hosted on DigitalOcean servers and served using Node.js.
Her site can be accessed here: http://jennagus.com/
I created several custom JS elements build on top of jQuery. I created a custom gallery view to display screens from Jenna’s work. Below you can see an image of a dashboard she created with several widgets. I worked with jQuery to develop this gallery from scratch, rather than use an open source option.
As well as still galleries, I created templates to hold videos to show how the designs would work live. My blog post only allows for still images, but if you link to this page, you will see the videos begin to play and walk through the application.
I enjoyed building this site and I learned a lot about how to build a web site from start to finish. The major difficulties in designing this site dealt with my manual resizing of all DOM elements. Nothing was done using bootstrap. Although I probably should have used bootstrap, I enjoyed the process and feel like I learned a significant amount about how the DOM elements work together.