Grilled Pixels - Portfolio of Adam RobertsGrilled Pixels • Award winning designer and developer
React & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & GatsbyReact & Gatsby
20+ Years20+ Years20+ Years20+ Years20+ Years20+ Years20+ Years20+ Years20+ Years20+ Years20+ Years20+ Years
Noteworthy19th September 2020

A brand new portfolio and how I got here

Roundup –

After many months of deliberation and redesigns as well as several redevelopments, it's finally here!

Ever since I started to the learn React in late 2018, I've wanted to redesign and redevelop all my websites, but with a personal portfolio, as every other designer will agree, it's a painful process, because we constantly change our minds.

This website is the 14th iteration since my old portfolio, which was built in WordPress. The version before this one that you can see simply had a different type of header / navigation, but because I wanted to try a side bar header, I had to redesign the whole thing. But hey, it's an achievement to have settled on it!


As mentioned, this is literally the longest time it has taken me to deliver a project. I always go through a series of redesigns for my own portfolio; because I can. As time goes on we as Designers, tend to adjust our thinking, adjust our styles, but I also feel that the main reason why we're stuck at changing our minds, is because we're 'more' versitile in delivering different design styles that we can't settle our minds on something that's unique to ourselves.


My portfolio was made to showcase projects that I've done as a freelancer or for agencies I've worked for even if I'm not allowed to show the work publicly. Since I was building the site in React / Gatsby, I needed a way to password protect projects where necessary.

Everything was pretty straight forward in terms of layout, animation etc, but when it came to password protecting a page in development, damn that was tough! It was mainly due to state management and re-rendering where I encountered a few issues but managed to get through it :)

Thinking about UX, I wanted to do something a little different. So I've added a couple of little sound-bite easter eggs which you will be able to hear if you've got your volume turned up. Try the light switch, or the scroll to top button (bottom left). Big thanks the use-sound npm package.

A little note...

Employers might struggle to understand that I'm both a designer AND developer. I'm equally great at both sides.

From the design side, I can handle: UX / UI Design, Brand and Print, Art direction, Photography and I'm also diving into 3D modelling with Blender.

From the development side; although I've got 18 years experience in traditional development and 14-15 years using Wordpress, I do not want to do that any more. Not because it's boring to develop, because I've found a better way to develop and an overall better product delivered. That's to develop in React and Gatsby. Take my word for it!

Share this read on social