Week 9

Practical

Welcome Page

A website typically has a welcome page interface that allows users to preview sections before starting to use the website. On the welcome page, the designer uses a short preview to give users a general idea of the website's content. Users can then enter the homepage of the website through the button below.

Homepage Portfolio Section

In the homepage design, the web banner previously included in the association's website element is used as the main design content. Next comes the showreel. The reason the showreel is classified as one of the elements of the homepage is because its function is to provide a fast preview before entering the portfolio. Therefore, the showreel needs to be placed in a conspicuous location, namely after the homepage design. Following that are the artworks created by the designer. The overall design uses black as the background to maintain consistency in the overall design content. This also indirectly explains why there is a yellow grid as a design before each photo.

Portfolio Webpage

In the portfolio webpage, designer has reduced a large number of design elements so that users can focus on the artwork instead of the design and layout of the webpage. The layout of the four portfolio webpages is slightly different to avoid users' visual fatigue on the webpages.

About Webpage

Use the same short video from the welcome page as one of the design elements of the about page. But it’s worth noting that the designer switched the film to black and white. This is because using the black and white style can ensure that the focus point of the entire web page is not limited to the video and is consistent with the black and white photo style of the homepage's web banner. Use some simple animation to prevent the body copy from being boring while retaining key information. Of course, there is the designer’s CV at the end. Users can choose to download the CV if they need to via the "DOWNLOAD" button.

Contact Webpage

The Contact webpage, being the only call to action medium, should maintain a clean design. Flashy design content should be removed to ensure that the page's information is clear and easy to read. A profile picture of the designer should also be added so that contacts know who the designer is and have a certain impression for future communications.


Lecture

WordPress plugins are akin to applications for websites, offering a vast array of functionalities to enhance a site's capabilities without the need for extensive coding. With a repository of over 50,000 free plugins on WordPress.org, users can easily activate, deactivate, and install plugins through the admin sidebar, much like adding apps on a smartphone. These plugins cover a wide spectrum of features, ranging from media management to data visualization, catering to diverse website needs. Popular plugins include those facilitating visual content like Instagram feeds and tools for data visualization such as Visualizer. Installation of plugins is straightforward, making it accessible for users to customize their websites with added functionalities. Specific plugins like Elementor enable drag-and-drop page building, allowing for unique and visually appealing web designs. Additionally, plugins like Insert Headers and Footers or Enable Media Replace offer tailored solutions for customizing specific elements of a website. Integration of YouTube videos or Google Analytics tracking can be seamlessly achieved through plugins, enhancing the site's functionality. Tools like Visualizer assist in creating visually engaging elements like charts and tables, adding interactivity to the website. Lightweight and efficient plugins, such as media replacement tools, contribute to streamlined website management, ensuring optimal performance.