P4 and M3: My Finished Website with Working Hyperlinks and a Navigation Menu

                   P4- My Finished Website

I have finished creating my website using the Wix website builder. You can see my website using the hyperlink below. I decided to use bright colours to make sure my website is memorable and I created my own logo for the website.

                                   

                                         Home | Faith's Portfolio (faithholly6.wixsite.com)



This is my home page. I have included two types of galleries on my website, this is a sliding gallery. The users can interact with this by clicking the arrows to move the images and videos along. They can also click the assets to bring them to full size and they also link to the corresponding portfolio page.



This is the about me section on my home page. This contains information about me. I included my qualifications, showed my passion for media, explained that I am looking for a job in the industry and also included information about my interests to make the website feel more personal. 
 

This is the Contact page. I have added a contact form for the users so they can write a message or question to me. This ensures my website is interactive and meets the needs of the users.




 
Here is my Gallery website page. I have embedded videos in my galleries and I have also embedded these videos on some project pages. I have also embedded my project images.






Here you can see the different pages for each specific topic. For the title of each page, I have used the same font as I used in the project. This makes each page unique. I have explained each project and my ideas around them in the paragraphs.

I have integrated a blog into my website. This will help me cater to my target audience of professional media businesses and upcoming media students.




 Here you can see my website is optimised for phones and other similar devices. My website has a rollover menu. On laptops/computers, when the user rolls the mouse over the menu options, they are underlined. I have also included a drop down menu to show all of my project website pages. On smartphones, you can click the hamburger menu to open up the navigation menu of my website. The page you are currently on is orange and the drop down menu items from the gallery option is blue to differentiate the options.






 

 

M3- Menu System and Hyperlinks Work on my Website



 As you can see in the screen recordings above, all my hyperlinks work on my website and so does my menu system. The UI design is easy to comprehend and it is very simple to use. Not only do I have a navigation menu with working hyperlinks, my footer also includes hyperlinks to the different pages of my site. The users can interact with the galleries, contect form, blog etc. When the user clicks my logo, they will be taken back to the home page. The YouTube icon takes the users to my personal YouTube channel where I will post my work. The get in touch button on my home page directs the user to my Contact Me page. The gallery on my home page and the media on my gallery page includes hyperlinks the the corresponding pages of each project when the work is clicked.








Comments

Post a Comment

Popular posts from this blog

M1: Compare and Contrast Different Media Platforms and Formats For Delivering Interactive Media Products

Image
 M1: Compare and Contrast Different Media Platforms and Formats For Delivering Interactive Media Products Before I plan my own digital media product, I need to evaluate the benefits and limitations of different media platforms already out there. This will help me decide what media product to make and how to design it to make sure it is successful.                                               Webpages Websites are made up of lots of webpages. We use websites for lots of different purposes. Web 1.0 lasted from 1989 to 2004, this was the beginning of websites. Webpages were static and you could not interact with them. Web 2.0 lasted from 2004 to 2012. This era of the web allowed us to interact with the website/web pages and it would interact with us. This was dynamic since we could make comments and the web became interactive.  We are currently in web 3.0, this...
Read more

D2: Optimising Images for My Website

Image
       D2: Optimising Images for My Website Websites need to load quickly and run smoothly for the users. To do this, I needed to optimise my images for the web. High file sizes take longer to load which slows down the performance of the website. Files types such as JPEG are best for best for images because this file format compresses the file size, but on the other hand, this can lead to a decrease in image quality. If I used a PNG for example, the file size would be much larger but the image quality would be the best. I have created my image files in Adobe Photoshop. I used the export as save for web legacy option in Photoshop, this allowed me to edit the dimensions of my image and also the quality. These two specs can be changed to decrease the file size but also change how the image looks. A good combination of this optimizes the images for my portfolio website.    I sketched the idea for my logo on paper and then created this in Adobe Illustrator. This...
Read more

M2: Explain Legal and Ethical Issues Involved In Creating a Website

 M2: Explain Legal and Ethical Issues Involved In Creating a Website Globalisation means that everyone can see my website. I will need to be aware of the different laws, regulatory bodies and ethical issues that comes with creating a website, but also make sure I am not going to offend anyone from different countries around the world. My website needs to meet these standards and be presented in a professional manner; I want my website to create a positive personal brand image for myself. I need to meet the laws put in place by the government and the regulatory body, Ofcom. They regulate the content on websites to ensure there isn’t any illegal activity or inappropriate content on websites and to make the internet safer for us. Copyright is a law that protects an artist’s work from being used without their permission (graphics, artwork, text, music…). I will need to follow copyright laws to ensure no legal action will be taken against me. To do this, I will take some of my own...
Read more