mind map and script for website
mindmup2
This is my mind map for my website
This is my mood board of my interests and ideas for the portfolio
I included things I like such as games and football clubs. I added these so that I'd have a good idea what I wanted to add to my portfolio. That's what's good about mood boards they help give you an idea of what you want to add to whatever project you're working on.
Colours I'm going to use for my website
For my website I want to use the colours blue, red, black and white. I want the background of the site to be white to match the logo that I want to base off of the Brentford badge. Another thing I want to use is the colour blue as it usually associates with technology. I find a lot of popular sites such as Facebook, Sony and Microsoft use the colour blue. I'll probably use this on some website buttons and at the bottom of the page as that's where I'm planning on putting my contact information. I don't think I'll use too much red on my site as the it isn't used much on popular websites. Also I don't think it would work well with my site's design. I'm planning on making the background white using that white space up so there's no massive gaps on my pages.
Script
For my website video
Page 1) Hello, this is my portfolio website review where I will be going over my decisions and how I created the different parts of my website. The first page I will go over is the home page. Some of the content here is used on the other pages this includes the Hero banner which is used on the 'My current status page'. I also have my contact information at the bottom of each page so users can contact me if they need help. For this page I made the Hero banner in Adobe After effects using the 'particle world' tool. Here I changed the shape of the particles to triangles and changed the gravity effect of them. This made the particles move differently as before they would drop to the ground as if it was raining. I also stretched the particles so they would be coming right at the viewer to give a nice 3D effect. Another thing I did to make this banner was by changing the colour of the particles to red and white. I did this to match the colours of my logo. I'm really happy with the outcome of the Hero banner. When making the banner I didn't have a plan of what it should be, only that I wanted to use the particle effect that I used once in one of my other lessons. Before I'd only used the particle effect for a background tutorial. Playing around with particle effect not only helped give me an understanding of what I could do with the tool but also help make a really good final outcome for my hero banner.
My logo (Joel's productions) was quite crucial in making this website as it was the centre of the site. I drew inspiration from the badge of the football team that I support Brentford FC. By taking the its signature colours red and white as well as the red and black ring borders. The badge was made on Adobe Photoshop so I used the shapes tool to make the badge. I also used the text tool to write Joel's productions and 20 05 as it's the year I was born. This was just to add some relevancy to myself. The final thing I did was using the lasso tool on an image of a laptop so that I could remove the background and add it in the centre of the badge. My logo is used in the top left of every page as well as on some of the Hero banners. I'm happy with the outcome of my logo especially as it some what resembles the football team I support.
The final thing I'm gonna talk about on this page is the contact button that is on every single page. https://www.bestcssbuttongenerator.com was the website that I used to create the button. This website would allow me to change the colours, sizing, text etc of the website. To add the button to my Portfolio I would copy the button code and paste it on my website. When pasting the code I'd change the top of the code to add the link of a website the button would send the user to. Other than the text this is pretty much all of the content on my home page.
Page 2) Page 2 goes over my interests. Talking about the video games I like to play as well as the football club I support. On this page I got some free Images off the internet and used them on the page to show the user what I'm talking about. The Hero banner for this page is different and made in After Effects just like the home page's one. I don't use any tools for this Hero banner, the only thing I did to make this was changing the coordinates and scale of the images. The images I used were two footballer player as well as their cards on the football game Fifa. My website also contains my contact information but I already went over this.
Page 3) My third page goes over my work that I've done in college. All of the animations have been made by changing the scale and coordinated of movement as well as other various techniques. All of these have been created on Adobe After Effects and have been exported as a GIF, this is because google sites the site I used to make this Portfolio only accepts GIF's as an image or short clip. I also added a youtube video of me explaining how to use a tripod. This was my first project in my media course so I decided to add it. There's lots of text on this page explaining the relevancy of each animation. Other than the logo and contact information that is on every single page there isn't too much else to say for 'My work' page.
Page 4) My fourth and final page describes what I'm currently doing right now in terms of where and what I'm currently studying. This page also talks about the college itself and what it offers. This page uses the same Hero banner used on the home page. I did this so there would be some uniform over the four pages, I don't want everything to be the same but I also don't want everything to be different so I tried to switch it up a bit. Something also did on this page was making another button as you can see here. I made another button off of the site https://www.bestcssbuttongenerator.com/. Just like what I did on the home page I copied the code form the site and added the college website link to the button so that when a user click on it they will end up on the college site home page. The logo and my contact information is again also on this page so that's about everything to talk about on my website.
This website took a week to make including the logo and Hero banners. It did help that some of the work I posted on the page 'my work' was already done weeks if not a month before so I didn't have to make much work as evidence in my Portfolio. I had a lot of fun making this website, a lot more than I thought I would. Hope you enjoyed me going over my website. Thanks for listening.