examples of online portfolios
This website is designed to display three different pages by simply scrolling down the page. You start on the home page. It has a clouded green and black background with some line doodles on the left and CSS code to the right, written in a light green. In the center he gives a brief description of himself and what he does. There’s a white arrow directing you to go downwards.
You scroll downwards and the screen slides into a new, grey coloured page with a brightly coloured wheel to the right and white text to the left. Here he expands slightly on what he does and why. This page contains text/images that seem like links, but actually don’t do anything and text that displays small pop-ups when hovered over. As you scroll down the green, textured text titled “About” moves down (or up) with you and the page.
The final page doesn’t fit the full screen, but just a little over half of the previous page. This page is a off-white grey, with contact details and boxes. A small round picture of himself and social media links, such as Twitter, Linkden and Facebook.
The last thing, displayed on the very bottom of the page is a quoted recommendation for him.
Overall I feel that this website’s design is really something, it’s interesting, simplistic in a non-simplistic way and stylishly displays who he is and what he does. All In a brilliantly designed website that, as a web designer, can aslo act as an example of his work and capability.
Bold shapes, simple black and white colour scheme (with a splash of orange) and a nice big “Hire me” button at the top.
The website takes us to the top of this single page, were he displays some of his projects in these pentagram bubbles, scrolling over these will darken all the other links other than the one you’re hovering over. Other interactivity includes the “Hire me” button changing to orange when you hover over it, and some navigation links at the top of the page, that sadly most aren’t working (have been scored out). The only working navigation from that list working is “Home” and “Portfolio”, which is basically just the top of the home page but with two extra projects. His “About me” page has been scored out, so we don’t know anything about the person behind the website. The only mention of who he is, is a brief where he lives, his skills and what he’s about, all work related.
Clicking on the pentagrams will darken the screen for a second before the text and images fade in quickly. The header text, and everything above it (navigation links) sort of bounce down a little as they fade in, and the “Hire me” button flips in out of nowhere. At the side there’s also a new different navigation bar, that takes you through all the pentagram pages without clicking back. There’s the option to scroll to the top, move forward or backward in the list or by clicking the button with four squares you can be taken to the “portfolio” page.
Overall, it’s simple but stylish. Bold but mimilist. It’s nice enough, but the currently broken pages is a bit of a let down. It would also be nice to see more of his projects and work on his portfolio page, as he does appear to have done more since as suggested by his dribble page.