INTERACTIVE DESIGN//PROJECT 2: MICROSITE DESIGN

05.10.2021 -22.11.2021 (Week 7-Week 9)

Chaw Zhi Ting (0347344) 
Bachelor of Design (Hons) Creative Media
Interactive Design // Project 2 Microsite Design

---

LECTURES :

Week 5-Week 6 lectures

---

INSTRUCTIONS:

Project 2: Microsite Design

This is the extension from project 1. From a prototype to a working website. In any given project for web development. For this task, we are required to develop a microsite that we have proposed in project 1. The website must be fully functional with a clear call to action.

Figure 1.0 Project 1 Landing page, 19th Oct 2021

Figure 1.1 Site map for a personal microsite, 19th Oct 2021

- Home page: Main website home page.

- About page: About my personal info, details, and services

- Work: Feature works including illustrations, vector art, posters design, and more.

- Shop page: Enable viewers to click on order buttons for the 

- Contact page: Social media link

Figure 1.2 Wireframe for microsite, 19th Oct 2021

Home Page
- Heading and slogan

- Vision and mission (timeline)

- Testimonial (in boxes)

- Footer

Figure 1.3 Homepage, 19th Oct 2021

About Page
- Background info & Image

- Skills sets (icons)

- Design services (icon)

- Footer

Figure 1.4 About. page, 19th Oct 2021

Work Page
- Images

- Description

- Show more button

- Footer

Figure 1.5 Artwork. page, 19th Oct 2021

Shop Page
- Images (selling items)

- Add to cart button: Link to the user's cart 

-Show more button: Show more items

- Footer

Figure 1.6 Shop. page, 19th Oct 2021

Contact Page
- Space to fill in details (name, email, subject, and message).

- Social media icons: Links to social media.

- Footer

Figure 1.7 Contact.page, 19th Oct 2021

Figure 1.8 Final design for microsite.pdf, 19th Oct 2021

---

FEEDBACK :

Designs are good, can proceed to code in Dreamweaver.

---

REFLECTIONS:

Starting with a simple sitemap, I managed to plan out the contents that I wanted to include in my website. It took quite some time for me to design the layout. It's about trying and error to figure other different composition that suits the style I want. After having the structure, it became slightly easier to work on the design part, which I searched for colour palettes and suitable icons. It is crucial to maintain the design style to make the website look consistent and recognizable.