Interactive Design - Final Project

22/05/2023-03/07/2023(Week 8- Week 14)

Chai HongHong/0354211

Interactive Design/Bachelor of Design (Honours) in Creative Media








INSTRUCTION 




Final Project

We were instructed to design a mental health website consisting of 5 pages. The mental health website I designed consists of five parts: homepage, about, Talks, practice, and service.

The "Homepage" page will display a large picture and match the text so that users can understand the website at first glance.

The "About" page will introduce the information about this website in more detail. Let users deepen their understanding of the website.

The “Talks” page will introduce users to the Talk session and how to go to Talk. Users can know how to join when they want to communicate.

The "Practice" page will display some offline activities, as well as information about the activities. Users can browse this page to learn about the tasks and purposes of offline activities and can choose to join.

The "Service" page may display contact information and feedback.

I chose the right picture, content, and color scheme, and I am still working on the layout of the third page.

The image I used is close to Mental Health.

Regarding the content, I found a match for the mental health website

As the main color, I want to use blue, because blue gives a feeling of trust. I think trust is very important. Only when users feel trust in psychological counseling, users will open their hearts to you and help users solve problems better.


After getting feedback from Mr. Hamimi, I chose the second of the two color schemes.

Fig.1.1. Progress

I used red in the Talk section, I think red can arouse people's desire to talk.


Fig.1.2. Progress


Initial Layout

After designing the content of each page, I started to lay out the page.

Fig.1.3. Initial layout


Final Layout


Fig.1.4. Final layout


Process

Fig.1.5. process

Fig.1.6. process

Fig.1.7. process



Final Web

Fig.1.8.web

Fig.1.9.web











Comments

Post a Comment

Popular posts from this blog

Games Development

Image
23.04.2025 - 27.07.2025 (Week1-Week15) ZengYu/035538​​​​8 Chai HongHong/0354211 Bachelor of Design (Hons) in Creative Media Game Development INSTRUCTIONS Our Google Drive Submission Link： https://drive.google.com/drive/folders/1J4MP9nAnGTgJlgFNlyGJDq4o1plwtkaO?usp=drive_link Task 1 -  Game Design Document   In this task, we are required to design a 2D side-scrolling/platformer game and create a Game Design Document (GDD). The GDD should outline: Game concept and mechanics Character design and abilities Level and world design Art style and visuals Weekly Progress Final Proposal Submission Task 1 Feedback We named the game "Run, Eggsy!", which shaped the core concept and gameplay framework of the game eggman's adventure. Our goal is to create a humorous, trap-filled platformer inspired by games like Level Devil, with a unique twist on the typical puzzle adventure formula. While the project is still in progress, here are some key observations and conclusions so far: Clear ch...
Read more

Advanced Typography / Final Compilation & Reflection

Image
30.08.2023-29.11.2023（Week1-Week14） Chai HongHong/0354211/Creative Media Design. Advanced Typography /  Final Compilation & Reflection                                 INSTRUCTION Task 1:  Typographic Systems & Type & Play Task 2:  Key Artwork and Collateral Task 3:   Type Exploration and Application SUBMISSIONS Task 1 Exercise 1/Typographic Systems Fig.1.1. Axial Final attempt. Fig.1.2. Radial final attempt Fig.1.3. Modular final attempt Fig.1.4. Random final attempt Fig.1.5. Dilatational attempt Fig.1.6. Transitional final attempt Fig.1.7. Grid final attempt Fig.1.8. Bilateral final attempt PDF.1.1. Task 1/Exercise 1/Typographic Systems PDF.1.2. Task 1/Exercise 1/Typographic Systems/Grid Exercise 2/ Type & Play Fig.1.8. Final A Fig.1.9. Final L Fig.1.10. Final M Fig.1.11. Final U PDF.1.3. Task 1/Exercise 2 Fig.1.12. Final Poster  PD...
Read more

Application Design I / Final Task

Image
16.06.2023 - 24.07.2023 / Week 12 - Week 16 Chai HongHong / 0354211 Application Design I / Bachelor of Design (Hons) in Creative Media Final Task /  High-Fidelity Prototype INSTRUCTION  Final Task:  High-Fidelity Prototype Original Design In this task, a high-fidelity prototype is to be created for the mobile application. This prototype showcases the final visual design, interactions, and functionality of your application. In this interface, touch the option box will turn green. Fig.1.1. If you log in with a Google account, you can directly enter the main page, and the main page will pop up your personal information. The user profile picture and user nickname will be the same as the default Google account information. Fig.1.2 The search history and recommended music types will be displayed on the Search interface. Search for songs in the record, and it will be played directly after clicking. Recommended music genres are updated and changed frequently. The circle will boun...
Read more