// About this project //
This project is designed to allow me to showcase and advertise my skills in 3D Modelling and Web Development, with the hopes that it'll help me in getting hired or help other people to find and consider me for freelancing work. The portfolio mostly contains imagery of my previous (personal) productions to showcase my abilities.
At the time of writing, the project is frontend-only and does not contain any built-in features to allow for someone to get in touch with me. However, there are links to my Github and various social medias that should provide similar functionality, alongside allowing people to further explore my works. I have embedded a Google Forum into the Contact page, in the hopes that it'll at least serve as a way to contact me on-site.
My goal for the overall design of my site was to make accessing information relatively easy, whilst also presenting it in a way that (hopefully) represents my well; or at least looks somewhat stylish. Making something visually appealing has never been my strong point. The color scheme was picked from a shade of pink that I picked that I felt was also light, welcoming and fun.
For my target audience, I generally wanted to make the browsing experience simple and easy, whilst also avoiding the whole "smart and corporate" look. I encorporated the Carousel on my landing page as a start to this; to introduce myself whilst also showing some of my previous creations in the background.
At the moment, I don't intend on using my portfolio site to advertise myself to employers, as my intent is more so to gain commission-based work for both web development and 3D Modelling. I plan to add in a Games Development section in the future, but this would most likely only exist to further show off my 3D Modelling skills.
This page is designed to be an initial landing page; displaying my name some details; an option to continue forwards and some social/external icons at the bottom of the page.
The background of the page consists of a Bootstrap carousel that scrolls through some example images of my past works
Intended as a sort of secondary landing page, the Homepage is dedicated to displaying my skills and what I do, and then giving users an option to be redirected to see more content if they wish.
Probably the crown jewl for me; this page is contains the marjoity of the 3D models and scenes that I've created in Blender so far.
I'll confess. I didn't get this page done in time at all, and therefore it does not exist. I didn't want to include something so incomplete and empty, so I thought it'd be best if it just didn't exist for now.
Google Fonts for finding and importing custom fonts into my project
FontAwesome for Branding icons (Github; Linkedin etc.)
Mycolorspace was used to generate a good color pallete for use across the whole site.
The Index page incorporates Boostrap's Carousel feature to have scrolling images in the background
The navbar encorporates a hover dropdown for the Portfolio text; uses this sample from w3schools.com
The Blender page's images all incorporate a Bootstrap Modal button for toggling an expanded version of the image that is clikcked on.
An instance of Google Forms is implemented into my Contact page, just below a contact information box to provide an on-site solution to contacting me without having to leave or go through the hastle of emailing me.
I feel as though whilst not fully complete, this site overall does a good job of showcasing some of the work I've produced with Blender, alongside the other websites I've developed for clients/other purposes. I believe the Index works well as a landing page; introducing me well, whilst also breifly and subtly showcasing some of my work in the background.
This project was deployed using GIT (Gitkraken client) and Github pages, which allows for my github respository to be publically viewed and updated with ease. Every time I push a commit to Github, the changes and new content are almost instantaneously viewable on my Github pages site. I've ensured to title my landing page "index.html" to ensure that the page loads, as Index.html is typically the first page to be loaded upon visiting a site.
Text scaling relative to viewport width or height for Media Queries
Embedding an image into an input button
Tinyjpg for compressing images without a discernible loss in quality
Caesium open source Image compressor for compressing large images with fine control
All content found in the "About me" and "Blender" pages was created by me.
All images found on the Blender page (which can also be seen on other pages) were created by me, using Blender v2.8; the free and open-source 3D modelling software.
The responsiveness of the Index page's background carousel comes from a great deal of help from my Mentor
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent