Zhi Jun's work

A2: Portfolio Website Week 6: References Study Week 7: Basic Website Structure Week 8: Showreel Development Week 9: Website Interface A2 Summary After designing a portfolio website, I have gained practical experience in web design principles, including layout, typography, and user experience. By demonstrating the ability to effectively organise and present my creative work in a digital format, showcasing my skills to potential clients and employers through this portfolio website. 

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 ...

Practical After roughly completing the basic website structure, the designer needs to prepare a showcase to allow the audience to better understand my portfolio. This means that the showreel does not need to be too long, but you need to always pay attention to the fact that the style of the showreel must be consistent with the web design style to have a certain degree of visual recognition. Link :  https://youtu.be/BHUOz9AgnBs After discussion and understanding with the tutor, I learned that the speed of the first version of the showreel was too fast. Designers should not speed up the pace of the film just to accommodate the rhythm of the music. It should be noted that the function of the showreel is to allow the audience to better understand the designer's own work. The designer should not focus solely on overall beauty. Therefore, after the improvement, the rhythm of the showreel has been significantly reduced, and the overall design is more consistent with the design style of th...

Practical Flowchart Before officially entering web design, designer need to formulate the rough flowchart of the web page. This can help designers better connect each section when designing the prototype of a web page.  Flowchart The next step is to draw sketches of the web page UI. This step is to visualize the designer's imagination and help the web design process flow more smoothly.   Low-Fidelity Wireframes Afterward, designers can begin preparing low-fidelity wireframes. This is to convert the sketches from the previous step into a digital version. It is obvious that there are some differences between the two. This is because the purpose of sketches is to guide designers in the general direction of design. This does not mean that designers need to design entirely based on sketches.  High-Fidelity Wireframes After confirming that there is no problem with low-fidelity wireframes, you can proceed to the next step, high-fidelity wireframes. The only difference between hi...