Website Creation: Contact Page

In this post, I will talk about the creation of my website's contact page. To begin with, I chose a template in which it was divided into three different sections, the contact page introduction, the contact links, and, the message form. It also has a map down below, which I will not use since I believe that putting a map is too much private information. I chose this contact page template because it is simple, pleasing to look at, and is very good in terms of usability and navigational use.


Firstly, I changed the top section by deleting the "Let's Connect", and changing the description into my own message. The font I used is Avenir, with the title size 56px and the description size 18px. I added my social media bar down below the title with Blogger, Twitter, and Instagram.


In the next step, I did my message forms. I didn't edit much compared to the original version. What I did is test out the form by filling it out and making sure that it was sent to my school email. When I did the test, it was successful as I saw the email notification and details of the form that I filled in. 


Having finished the Contact Me page on the desktop version, I move to the mobile version. I first changed the font size into 30px for the title and 16px for the description. Other than that, I also changed the layout into a center-aligned text.


Lastly, I did another test on the forms of the website. I haven't changed anything about the form message, so all I can do is to test out the form. I filled out the form in mobile, and the results were sent again to my school email.


With that, my contact page is finished. Check out my website through this link: Charlie's Film Journal


Comments

  1. Milan Multimedia Marvel13 November 2022 at 08:53

    Great that you posted this Charlie. Good use of mobile view screenshots and it is good that you explained the technical process. Please also include your latest screenshots, after you deleted your contact details and email address.

    ReplyDelete
    Replies
    1. Charlie's Film Journal14 November 2022 at 13:11

      Thanks for commenting! I have updated my website to remove contact details and email, and also included new screenshots.

      Delete

Post a Comment

Popular posts from this blog

Website Research: Hirokazu Kore-eda and Dany Cooke

Image
In this post, I will look into two websites by filmmakers and compare both of them. This research will help me on creating my own website by considering the use of colors, layout, typography, image, useability, navigation, and my overall thoughts on the website. I will be looking into Hirokazu Kore-eda and Dany Cooke's website, with both being filmmakers and quite experienced in the filmmaking industry. I would like to learn from two websites of two very different directors, with Kore-eda a 60-year-old filmmaker that is internationally known, and Cooke a young freelance filmmaker. Hirokazu Kore-eda's Website First off, I will talk about Hirokazu Kore-eda's website. From the home page, the website looks very simple, with a showcase of stills from his films. I noticed that his website only consists of Top, News, Profile & Works, as well as Message in the navigation, with the layout being centered and in a long bar. When I scrolled down, there is his twitter feed, news f
Read more

Website Creation: Gallery Page

Image
In this post, I will talk about the process of creating my Gallery page for my website. Because the layout of the gallery page already exists, I don't have to choose a template. The font I will be using Avenir. I began by editing the "My Gallery" section on top, then I wrote a short description on it as well.  Moving on, I moved on to the projects. I deleted most projects that the website has, and included my project, which is Grief & Loss Script, a 10-15 page long script on the theme of grief and loss. In it, I also included pictures of my script and my Milanote. In the future, I will be updating this project section with my progress on the script. After finishing the "My Gallery" desktop page, I moved to edit the mobile version. I changed the title to 24px and the description to 14px. I also tried to change the size of the project since it's too small, but after trying it, the size can't be altered.  With that, I had finished my Gallery page. Check
Read more

Reflection: Moments of Sorrow

Image
I gained an interest in theme of grief and loss through films and through my own concerns. I feel that the theme itself is very heavy, and is a challenge to write because of its complexity. However, I wrote this story for more personal reasons. I often thought about whether or not I will be ready when people I loved died, and how I will be able to move on from those moments of sorrow. As such, I feel that this is personally a way of preparing myself to face that fear. Along with this, I wrote this story because I want to not only understand the nature of grief and how it affects people, but of how we can move forward from an unforgettable loss of a loved one. As an aspiring filmmaker, I am very much eager to learn about all aspects of filmmaking, especially writing which I view to be the most important aspect of films as its often the core of the story and film itself. As such, this project has helped me to do more writing, especially in terms of having to fit the story into only 15 pa
Read more