In 2019, I set myself the task to update my website with my own coding, as previously it was a Weebly site and made from a template I had customised. The Weebly site was very pink and purple and I felt like I had grown out of it and I wanted to start practicing my new web development skills from studying Computer Science for so many years.
The Weebly site barely had anything on it but was just full of fillers to make it look like it was packed with content. I knew I had to start from a foundation. What do I want this site to portray? Is it a resume? A portfolio? Colour schemes! How many pictures of myself do I want? After days of brainstorming and planning I decided to build a first draft with a few links but nothing to complicated and build the rest as I continue with my degree. The site was only going to contain what I felt was the most important information from the previous site.
When it came to designing, I wanted a landing page so when you came to the site, you’d see a cool image, a welcome of some kind and then be able to continue to the rest of the site. I made a logo title using a font I found online and the “cool image” was a copyright free background I found on Pixabay.
With the development, I had never made a full screen landing page but I had made a button that could scroll to another section of the page, best to start with that. The landing element was an easy fix with a quick search and a very short tutorial and couple lines of code. The content area, I decided to use social media icons in the footer and the rest was video embedding with YouTube videos, which is also available with a quick search or the sharing button under all YouTube videos.
So, here’s the first draft…
Not a lot, I know. That was sort of the plan. I wanted a banner/landing where the user could click a button and be taken to the rest of the site, which would be a couple links and a footer. Unfortunately the “rest of the site” wasn’t enough and when you’d click my amazing continue button, the page would scroll, reveal the whole site and still have about have the landing section on the top of the page (How embarrassing…).
I think a lot of my issues with this site was the content. What was I going to put on this site? This was the question that would stump me for almost a year.
For my update I want to focus on: the hideous continue button; the footer and the lack of content. All of which I tackled in the next version of the site.
Call Me Noor Blog 