Project Overview
Services
Branding / Design / Development
Year Created
2022
Created At
Personal Project
Project Link
www.kentoliver.ca
My personal portfolio was my first Gatsby site that I ever created. Running off of WordPress, and using custom Guttenberg blocks to build different pages.
Take a look below to look at the responsive viewports and to learn more about my website.
Full homepage desktop viewport
Above is the homepage main slider slides in desktop responsive viewport
Menu in desktop viewport
About welcome section desktop viewport
About tools and workflow section in desktop viewport
Portfolio selection in desktop viewport
Portfolio single top section in desktop viewport
Services page in desktop viewport
Blog selection in desktop viewport
Blog single top of page in desktop viewport
Contact page in desktop viewport
My website was built on Gatsby.js and driven by WordPress. It was an interesting challenge to redo my website. However I had plenty of time during the pandemic to learn and adapt my WordPress Gutenberg skills to a React based Headless CMS using the REST API. This way I get to use WordPress and everything that comes with it to develop blazing fast websites with Gatsby.js.
Below you will find the responsive viewports for my website in tablet and large phone formats.
Homepage slider in tablet and phone viewports
Homepage about section in tablet and phone viewports
Homepage portfolio section in tablet and phone viewports
Homepage blog section in tablet and phone viewports
Main menu in tablet and phone viewports
About page welcome section in tablet and phone viewports
About page tools and workflow section in tablet and phone viewports
Portfolio page selection in tablet and phone viewports
Portfolio single page in tablet and phone viewports
Portfolio single page image section in tablet and phone viewports
Blog selection page in tablet and phone viewports
Blog single page in tablet and phone viewports
Services page development section in tablet and phone viewports
Services page development grid section in tablet and phone viewports
Services page design section in tablet and phone viewports
Services page design grid section in tablet and phone viewports
Contact page in tablet and phone viewports