Interactive Design / Final Project: 5 Page Website

 29/5/2023 - 23/7/2023 (Week 10 - Week 16)
Sheryl Pang Pui San / 0349746
Interactive Design / Bachelor of Design (HONS) in Creative Media
Final Project / 5 Page Website

---

Lectures

https://sheryldesignblog.blogspot.com/2023/04/interactive-design.html

---

Information

Figure 1.0 Module Information

For Project 1, We are required to choose one bad designed website based on our understanding and redesign the landing page prototype in Figma or Adobe XD. Following the common 1366px. 

---

Final Project: 5 Page Website

Wireframe
-

Figure 2.1 Wireframe and site maps

Moodboard
-

Figure 2.2 Moodboard

Figma Prototype
-

Figure 2.3 Landing Page Prototype in Figma

Figure 2.4 Prototype design in Figma

Figure 2.5 Prototype design for Tip & Solution page 

Dreamweaver coding
-

Figure 2.6 Coding the website in Dreamweaver

Screenshots of pages
-
Landing Page

Figure 3.1 Landing Page

Figure 3.2 Landing Page

Figure 3.3 Landing Page

Figure 3.4 Landing Page

-

About Us

Figure 4.1 About Us 

Figure 4.2 About Us Content

Figure 4.3 About Us Footer

-
Our Goals

Figure 5.1 Our Goals page

Figure 5.2 Our Goals content and footer

-

Contact Us

Figure 6.1 Contact Us page

Figure 6.2 Contact Us footer

-

Tips & Solution

Figure 7.1 Tip & Solution page

Figure 7.2 Flip Card with footer

Final Submission in Netlify

https://final-unwind-and-relax.netlify.app/