Interactive Design - Final Project
LIANG LIWEN | 0369625 | Bachelors of Design (Honours) in Creative Media
INSTRUCTIONS
Project 3: Website Redesign Development
- Development Process
- Challenges
- Interactive Element
- Demo Video / Testing
- Final Submission
For the home page, create a warm, inviting atmosphere with custom CSS style sheets. For example, the use of specific fonts, color combinations, and layouts allows users to quickly feel the unique style of the site when they visit.
Core content page, focus on content display and layout. Improve the user's reading experience with custom style sheets that ensure clear text and distinct paragraphs, while using appropriate background colors and spacing.
Type pages, using custom CSS style sheets to highlight different types of content. For example, setting unique ICONS, colors, and layouts for different types of content makes it easy for users to distinguish and find.
Contact the page to create a concise, easy-to-use form with custom style sheets. Users can easily fill in information and communicate with the website.
Recommendation page, using custom CSS style sheets to display recommended content. By setting different styles, attract the user's attention and guide the user to click to see more content.
Throughout the project, multiple CSS stylesheets work together to provide rich styles for each page, making the page more beautiful and functional.
Interactive Elememts
Some interactive elements are added to the website to enhance the overall user experience and satisfaction.
. Implement a responsive website for multiple devices (desktop, mobile, tablet, etc.)
Problem Description: In today's diverse environment of electronic devices, ensuring that websites work perfectly on devices of different screen sizes and resolutions, providing a consistent and high-quality user experience, is a difficult task. Screen widths vary greatly from device to device, from the small screen of mobile phones to the large screen of desktop computers, how to make website elements adapt to adjust the layout and size has become the primary proble
core content page
type page
contact page
Recommendation page
Creative process
Demo video_Mobile & Tablet view
FEEDBACK
During the 12th week of the project, I thoroughly checked and optimized all the pages of the website. From the home page to the core content page, type page, contact page and recommendation page, every part has been carefully polished. While ensuring that the index.html file is complete and correct, the remaining four pages are reasonably named according to the corresponding names, and the overall layout and function are basically in line with expectations.
REFLECTIONS
Reflecting on this journey, it is both challenging and fun. When using programming languages to develop websites, there are many problems. For example, in terms of page layout, how to ensure that the style of each page is uniform and coordinated, it takes a lot of time and effort to adjust. In terms of function implementation, some complex interaction effects and data processing logic also bring great challenges to the development. In terms of page layout, I spent a lot of time and effort to achieve a unified and coordinated style of each page. From the choice of font and color to the arrangement and combination of elements, every detail needs to be carefully crafted. For example, to make sure that the navigation bar is in the same position and style across different pages, I tweak the CSS style over and over again, experimenting with different layouts. In this process, I deeply understand the complexity and challenge of design. At the same time, I also realize that I still have a lot of room for improvement in terms of technical ability and knowledge reserve. Through continuous study and practice, I gradually mastered more development skills and methods, which enabled me to deal with problems more calmly.
In the future, I will continue to work hard to improve the function and performance of the website. I hope to provide users with more quality and convenient services, so that they feel happy and satisfied in the process of browsing the website. At the same time, I will continue to explore new technologies and methods to inject new vitality into the development of the website.
评论
发表评论