They say when you want to practice a skill, try to align it with something that interests or excites you. Well, building an art portfolio website for myself to exercise the web developer part of my brain has always been on my to-do list. And when the opportunity to take a Web Dev course during my studies arose, the timing couldn't have been more perfect. It was about time I gave Shanimations a go!
It all started with a quick search, that led to hours of being in a design frenzy — Letters and colors and styles, oh my!
But then, I stumbled upon a coder/designer's page by the name of Adham Dannaway, who not only blew me away with his "half coder/half designer" landing page, but that we both had that in common! Apart from becoming an instant fan, I also liked the overall look-and-feel of his site which ultimately led him to being the inspiration of my very own.
Now that I basically knew what I wanted my art site to resemble, I wanted to combine colors that screamed vibrancy and playfulness — words that describe my child-like excitement and passion for building, designing, and expressing myself through creativity. I went color-swatch crazy with the colors I had in mind and landed on these beauties:
For font choices, I went with a single selection which I used for both heading and body — Proxima Nova. For backup I used Helvetica Nueue. Definitely a loyal sans-serif favorite for many!
This part was pretty straightforward since I had a pretty clear vision and direction for what I was going for. So I got right to sketching, adding and removing the features that I wanted for my site, and even making things up along the way! The ask and goal was to aim for a responsive site so both web and mobile designs were in the works.
I definitely had fun working on this project! One of my future goals is to take this passion even further and fuse my other passions (Virtual & Augmented Reality) to build and make desktop VR/AR magic.
If for some reason the video isn't displaying on page-load, go ahead and click on my old logo at the top left of the screen (yes, the one that unintentionally looks like a "5" 😂) to see if a quick refresh fixes it for now. This delay/change is a recent bug with the hosted site that I'll get around to checking out once I'm done helping solve user problems :)