When entering the page the first thing that hits you is the amount of negative space that comes at you. This really makes it easier for the user to take all the information in as it allows for a smooth transition into it. The homepage is very minimalistic and really focuses on his design and style. I think this is important as it makes it so the users and any potential clients are instantly met with a style that the products they hire him to do will have. The key focus of the website is clearly the logos and illustrations. Everything else on the page is greyed out and becomes part of the background. This gives a very straightforward feel to the user that this is the most important stuff and everything else is just additional. The colors used on this page, are very soft and easy on the eyes. This complements the minimalistic design and gives the user a calm feeling. When entering the website there’s not that much information and I think that’s good for a portfolio. I think that easing the user is important since it allows them to feel more comfortable on the page. This is a feature I will look into taking and adding it to my own website.
When you click on one of the works on the home page, you are then sent to the project page. Once again the minimalistic style is followed but as you scroll down you are eased into the information. The same layout is followed for the header which is just a simple way to navigate. When you scroll down and see the project pictures with the graphics that were made and then the fonts and those graphics being implemented in real life you really get a sense of the style once again. I think that it’s good that the style is consistently followed from the website to the work as it gives the client and user a clear sense of the person’s work. When you scroll down the project page you don’t get any text. It’s constantly straight to the point because honestly that’s all the user cares about and actually showing that, gives a much better visual experience with the website. On the sides of the page, you also have these arrows that enable the user to travel from project to project which really lets them be immersed in the page.
The next page I went into was the ‘About’ page. Once again the style is clearly transferred from the artist to the page. You have a big picture of the designer enjoying himself outside. This picture also shows his personality and his environment. The things that he loves. The text in the page is giving a simple description of himself and some of the work he’s done but once again, the negative space and the minimalistic design help the user to feel comfortable and not overwhelming which is a feature I definitely want.
The next page is the shop section. The page is very simplistic and minimalistic. It also doesn’t show any additional information unless the user clicks or hovers over the image. When hovering over the picture you get a slow animation that shows the price of the badge. Personally, I think that the slow effect ruins the purpose of it and just makes the process of checking the price a little less enjoyable. So from this, I think that it’s best to keep any animation at a minimum and only for what’s really needed. Another thing that I don’t like is that when clicking on the ‘SHOP’ button to access this page you are then exited out of the portfolio page which means that you have no way of going back to it unless you go back or enter the website again. This can be especially frustrating for a user that simply wants to scan through all the content. Also having this really gives the feeling that this page isn’t exactly his own work, even when it is. So maybe having his logo or a button to go back to the website would give it a more personal feeling. Another thing that bothers me is the fact that on the right-hand side you have this bar but its button is coming out even when the bar is still hidden. The same with the text. It’s not that appealing to look at and instead, it separates the page which is something the other pages never really did so it ruins the flow. Also on the bar, you have a simple Instagram icon but it’s really small and barely visible so it almost seems like a mistake.
Overall I think the website is very appealing and the simplicity really stands out to me. From this website, I would like to reflect the same level of simplicity on my website to really just go straight to the point and give the user a very comfortable and appealing experience. Focusing more on the picture then the text is also a great addition as visually, you can receive a lot more information.
When you first enter this portfolio website the first thing that stands out is the big squares/thumbnails for the projects. They all have these really bright colors that make the use’rs eyes just scan everywhere and they don’t really get rest. It also makes it harder to see the work and forces you to click on it. Another thing that I noticed is the distracting background. Although you don’t see it as much you always seems to scan over into the background every now and then and that can be distracting. The images used also give a somewhat negative feel to it as if it’s a website for health advice. Especially since it’s heavily blue, it has this hospital feel to it, which blue is the main color used in hospitals. Overall the combination of the background, the colors and the thumbnails just make it so hard to really focus on anything on the website.
When you scroll down also, the background becomes an issue again with the footer. Since the footer is somewhat transparent, the background comes through and obscures the writing making it harder to read. I think that if the footer was opaque, this would separate the website a bit more and also make it a lot easier to read.
When clicking on one of the projects, the first thing that stands out is the text. There’s a lot of it and there’s more text than actual work being shown straight away. However if you do click on some of the pictures, they extend and open up on a lightbox which makes it easier to see. But when you enter the page you’re not very encouraged to stay and read the contents of it. It’s really a lot different to the last website where you can just enjoy the visual the display. But with this one there seems to be too much information for someone who wants to scan the website. I think that adding more of the project and more pictures or visual information than text makes the user feel more comfortable and less overwhelmed by the website. Another thing I noticed was that the homepage background is still there and it doesn’t feel at all relatable to any project so it completely loses it’s effect on the page and instead acts as a distraction. One of the good things, however, is the back to homepage buttons at the top and on the bottom of the page allowing the user to quickly navigate through.
While at the homepage it’s not easy to see anything other than the projects but if you scroll down there’s a small part where Heather is talking about herself and there you have the read more hyperlink which directs you to the ‘About me’ page. This is really hard to find and seems really out of place. It just adds more confusion to the user and makes them feel almost unwelcome.
When at the ‘About me’ page, it just once again feels overloaded by information. Too much unnecessary information talking about companies and past projects, things that just seem like they should be on the project page instead of here. The pointless includes a lot of hyperlinks to direct the user to the different companies she’s worked with which can be interesting to look at. The page continues and keeps going on about past experiences and places she’s worked at but there’s not much about her as a person and that can make it really hard to connect to the person straight away as a client. Colour throughout this page never really complemented it. It always seemed off and like it was giving out the wrong message for the website so I will make sure to do my research on colors for my website.
Overall I wasn’t a big fan of this website. There was a lot going on everywhere and it made it really hard to feel comfortable in what appeared to be a big corporate website with all this text. I think it’s important to inform the user but the methods used here just aren’t entertaining and are very time-consuming. What I would take from this is how important negative space is and the different ways information can be transferred to the user. Also when using a background I will make sure to not make it complicated and just use one color so that the focus consistently stays on the work.
Grant Burke’s website, when entering, you straight away are able to see the color palette for it. I think this is really helpful as it allows the user to memorize and be comfortable with the website. the color palette of the website is also presented with the logo. When creating a logo you are able to distinguish a color palette and if the website reflects it, it’s a nice way to stay in sync and on the theme. The font used at the top right of the website is kind of difficult to read. The kerning of the font should be adjusted slightly to improve readability. As you scroll down you see ‘Branding, Illustration, Package Design’. These are icons that link you to another page where you can access the services of the designer and request jobs from him. However on the ‘Package Design,’ the link is broken and therefore doesn’t link to anywhere and leads the user back to the homepage. Also on the page is a quick way to access the projects the designer has done. When hovering over them you get the name of the project and also the kind of service it was, such as branding, illustration, and package design. This is a good way to show the kind of scale of each project and the variety and flexibility the designer is able to provide. On the bottom of the page just before the footer, you can see his latest blog posts which is a great way to quickly get people to be involved with the designer and his work. It allows him to build up a following and get a lot of customers from the word spreading. On the footer, you have the usual layout whereby it shows all the ways to contact the designer and his social media. It’s all very well set out, consistently following this column grid to allow for consistent spacing and layout.
After the home page, I went to the portfolio page where it’s all neatly organized, following the column grid once again and the color palette. What I like about it is that there are filters above to easily direct the user into seeing the specific projects he has worked on. For the thumbnails you have very interesting pictures, displaying the work he did which really attracts the user into going deeper into the projects.
When clicking on one of the projects you have this really clean layout that is consistent with all the projects. The project and any work done for the company on the side, showing the work on its own and then in the works which give the user a nice view of how it went from the design and how it was then implemented onto the work. On the right, you have a description of the project and specific details under each category, which I think is really useful, compared to the previous website. The previous website really used so many colors and this one sticks to softer colors especially for the background of text which make it more readable. Have the categories as well, also lets the user find specific information a lot easier. There’s also a nice balance of both text and images which makes it more appealing to different audiences.
The next page was the ‘About me’ page. Unlike the one before, you get more of a sense of what kind of person the designer is instead of his past careers and all the professional staff, which is good since you want to build a connection with the user through this page. The layout is very good, keeping specific information separate and easily findable. Also, it’s very inviting when you read the ‘Reasons o work with me’, it’s almost like a checklist of good traits. Briefly mentioning the past education is a nice way to show you’re humble and also that you prefer to do the work and portfolio do the talking for you.
The last page I looked at was the ‘Contact’ page. On here you can get in contact with the designer and it’s very easy to follow the process. You have a variety of options at the top which shows the versatility of the designer and makes him more approachable. On the right, you have his details so that you can just get in contact directly and through any means.
Overall I really liked this portfolio website. It shows off a great use of the column grid layout and sticking to a theme. Everything just seems in place and it all comes together. The consistency allows the user to become familiar with the layout and be quickly able to fetch information. I will definitely look into implementing a column grid onto my website so that I can quickly layout my work and make it consistent. Especially for a responsive website, it makes sure that the website is able to expand and decrease in size while still being readable.
The homepage of the website is so full but yet so well organized. Unlike the previous one, it doesn’t use the column grid system to it’s fullest, however by keeping it into quadrilaterals and following specific sizes, the work is able to fill up the whole page. However when you scroll down will be able to see some white spaces with no work on them since there’s no piece of work that fits that space but you will have to scroll down a bit to see that. I like how the colors are all very vibrant and her work is really the first thing you see. It’s really inviting and really makes the user want to explore the website more. Although it seems like there’s a lot going on, the header just really cleans it out and almost balances it. The header is really simple, with the logo in the middle, just like in the first website I checked out, and then the links to the other pages. The font and the logo itself fit very well with the type of work she does which is mainly illustration. Another cool feature in this page is the little’eye’ icon on the top right of the page which filters the work into different categories and colors, which really showcases the number of colors used in the work and the compositions able to be done with it. Although it’s not the most useful filter for portfolio purposes it adds a fun aspect to the page and lets the user explore a bit more of the page in a different way.
One thing you instantly notice about the ‘work’ page is that it is very similar to the home page. This is because in both pages you have some of the same works displayed so it can confuse you at first and a bit disappointing since you expect to see more work. However, this page includes work that is more professional or I guess commercial so it almost acts as a filter. Hovering over one of the thumbnails pops up with the name of the work and also the company that it was done for, give the user a quick intro to the project. When clicking on any piece of work you get a bigger close up of the work through a lightbox and you can also get different renditions of it and also the work in use in like a magazine or so. I think it’s a really nice to set out the project as it solely focuses on the work itself. However, on the bottom right, you have a button with an ‘i’ inside a circle whereby if you click on it, it gives you a very brief description of the work. I think the idea of focusing on the work and less on the information is a much better way to showcase the work as it lets the user judge simply the work and nothing else. From the lightbox, you are also able to navigate through the different projects and stick with the zoomed in version of the website. One thing I did notice however was the loading times for the pages/opening different projects. It can take a while to open each page since the images are really high resolution, however, it does pay off since the quality is very high.
The next page I went to was the ‘Shop’ page where you are able to purchase some of the work the designer has done. Once again it follows the same layout and it kind of gets somewhat stale since it feels like you’re just looking at the same work, but it is different work. On this section, everything is pretty much the same. That’s the thing with the website. To begin with, you get a good first impression but then it just seems to be used too much and there’s no real variety, it just feels like you’re looking at the same page over and over again. When you hover over a picture you get a price for the work and you get different points of views of the work and a close up of the signature.
The last page I looked at was the about me page and when I entered it I really felt relieved to see that there’s a lot of negative space just to let your eyes get a break and for the writing to have some breathing room. She about me section is less about her and more about how great she is but that doesn’t feel as welcoming but it also seems like it was written by the web designer so it really does feel less personal and a lot more business orientated. But from it, you can see that she has a made a name for herself.
Overall from the website I learned that following a theme is good but also putting in some variety in different pages and not let all your work out in one go, keeps the users intrigued and interested. So I will make sure to stay varied but still follow a procedure when doing the layout for my website. Also, I have to be mindful of loading times and file sizes so that the user doesn’t spend too long loading the website and leaves from all the waiting.
When entering the website, you instantly get this black and white theme. Very bold and somewhat futuristic, since all the lines are almost making a shape. The logo is on the top left and it really reflects the beginning of the web page. The font is consistently used throughout the page which helps to keep it organized and formal. As you can see there is an arrow in the center of the top of the home page to direct the user further down, which is useful and it disappears when you hover over it. When you start scrolling down, the theme is still somewhat followed through, however, a lot more colors start to be used and it kind of messes with it. You get some pastel colors and then some really bright and it just puts you off with the theme, it doesn’t look so well structured. Another thing I noticed was the font on the rest of the pages where on the projects, the font has 3 different sizes and it just makes it a lot harder to read since your eyes need to adjust to the different sizes. Through this page, you can also check out the different projects and go straight to their own page. At the bottom of the page, you have a method to which you can contact the designer, however, there’s no re-Captcha. This makes the designer vulnerable to spam emails. Also on the footer, you have links to their social media but I think by having a small icon of the social media website, makes the user recognize it faster and be more keen on visiting it.
The next page I looked at was the project page. I was honestly a bit disappointed with it since it was literally just a copy and paste of the previous page so it didn’t really feel like something new. However since the designer didn’t have many projects to his name, it is a nice way to layout out and still looks like you have done a lot of work and have a lot of experience. One of the things I noticed is when going from project to project, there is an animation that plays that fades in the text and when you quickly want to go through it really does slow you down and it’s really unnecessary.
When clicking on the project you have a set layout for everything, ‘Summary, Branding, Website’. Although it lets you become familiar it does seem a bit lazy and very repetitive of the layout. I think that there were some more things that could’ve been showcased that would’ve amazed the user even more. One good thing is that you have a lot of example with the work being implemented, into things such as packaging and website. This really lets the user see how the logo/work is then transferred to the rest of the brand. A bad thing that I noticed was the fact that some of the pictures of examples particularly with the website on the phone and the computer, which seem to have no focus on the website and it were very hard to see it in work. On the bottom of the project, there’s the ‘Let’s work together’ section again and it just like it shouldn’t be there since its on literally every page. I think it’s best to leave it on the ‘Home’ page or the ‘About me’ page.
I think that about me page is really clean. You have a brief description of his main events in life, moving on to experience. I think that it’s a nice way to build a bond/connection with the user and really show that you’re a passionate and organized designer. I do think however that by having a much bigger picture of himself, it does emphasize the fact that this is about it. It would also help with the overwhelming negative space that somewhat makes you feel empty.
Overall all I think that it was an ok website. It followed a theme, maybe too much but it kept it professional. Some features of the website, like the ‘Let’s work together’ section, were overused and I think that’s just too much, almost forcing it. The main thing I would take away from this website is that shouldn’t be overusing things too much. It’s nice to show projects on the homepage, however, having a different layout for the ‘Projects’ page allows for it to feel fresh and brand new. Also not to vary the font too much. Stick to 2 fonts and don’t use too many sizes for it as it can make it a lot harder to read.