
Oh Boy Here We Go Again
as per my own tradition of revisiting projects ive done in the past, il be redesigning my website from the ground up. well after practically 2 years of reflecting on the website ive made for myself, ive finally decided to bite the bullet.
why change?
personally taught it was impressive on a technical level, got comments throughout the years of the website looking dull and did’nt spark interest in visitor to explore any of its contents. well sort of expected that as ive designed it toward a more toward a OS terminal look with added features rather than focus on the web aspect too much.
Here’s What i Got Cookin'
this time around il focus on visual fidelity. As my mentors have taught “any good artworks have 1 thing in common, capture the imagination by just glance”. i did more research on other portfolio site like ArtStation and Carrd Pages. i notice others focus more on instagram like post showcases, which i have to admit is more appealing so i went and add that grid showcase method as well.
So the design framework i cooked up goes as follows:
- scroll less, everything in plain view.
- sparked the aesthetics, no more 1 unified color palette.
- generate interest in every page.
how it turned out
the look ive went with is that glass-like jumbotron as the main feature, from page to page the jumbotron stays put. i want the audience to not need to look elsewhere. focus more on pinpoint styling with SCSS (Extended many bootstrap classes and automated many more) and control with Javascript to allow smooth transitions between pages.
on the Front Page ive made sure to focus more on capturing attention…by having the hero Image to be a whole transparent video. this was harder to make as i need the right format to even to this and had to host on github for consistent output. hopefully its worth it.
with that mentioned, i have also migrated CDN from google drive to Cloudinary. Rendering of images is alot more consistent, hopes it stays that way. the background is adjusted to be per-page, this combo-ed with the glass aesthetics, it changes the mood from page to page quite well. sourced the backgrounds mainly from OpenVerse, an open source image/audio library, and others from my own renders and photos.
Also Cool Nifty stuff
if you would notice ive laced all the pictures on here with a certain noise code i cooked up. its add noise and my watermark on every marked < canvas >. This was a carryover from v1 of the site. this was made less about Anti-AI more toward Anti-Copy Pasting my work, not sure how actually effective is it but its more for my peace of mind.
victory once more
well i had fun revisiting this. now that i had more time to work on this (sparse effort around 3 weeks or so) i can think to solve a lot more of UI/UX problems this could/would have. even with the Hopes of this would bring better prospect, just seeing it up and running and looking this well is enough for me. if anything my own gallery just got improved.