Redesigning My Website: My Process and Inspirations

Intial Themeing and Layout Ideation

For the initial ideation of what I wanted my website to be like, I made a moodbard via images on pinterest. I wanted that kawaii/pastel feeling, so I initially picked a lot of images with said colours. When sorting my images, I noticed that a lot of it was food related (whether it was the algorithm at play or just my love for aesthetically pleasing desserts). Another thing that might've also steered me from food-related stuff was not only my love for poofy and cottage-core dresses irl, but also a particular figurine of Frieren that I want for my collection.

The strawberry-themed packaging (located on the bottom-middle of the moodboard) caught my eye too. I am a huge sucker for aesthetically pleasing packaging, and since it fitted well with the cafe-themed direction I wanted to include it made it in the final 'cut'. I am also a huge gamer (if anyone hasn't noticed yet lol...) and I wanted to somehow convey that with my design. Ultimately, I suppose, that aspect could only be included in content lol. But I do have plans to hopefully make a theme out of it later down the line. Possibly.

In addition, layout is very important to me. When I was looking for inspiration, I was looking at specifically at how I would organise both my home page and beyond. I did this by looking at some websites that I absolutely love, as well as carrd layouts and notion layouts too.

Typography was also a factor, since I thought it be a text-heavy website, reserved for the yapping I'm doing now. The fonts that I use all come from Google Fonts since it's the easiest to use for integration without getting sued for copyright - which I am weirdly cautious about despite this being a personal website... with copyrighted material LOL. I was looking for something that was clean and easy to read - though I went with a more stylised version in the end.

Colour Palette

Picking the colours for my website was harder than it should be lol. The final colours I picked for my website was done by literally colour-picking the images of my moodbard and filtering the choices until something I wanted. I then doodled some layouts on my notepad before jumping straight to coding, since Phoenix Code makes looking at what the final website would look like very easily.

I dropped the blue and red for more shades of pink and brown, since they go well with the pale white. I really like the shades though, and hopefully when I finally make themes for my website I can use them again!