Task 2A

Assignment 2A: Microsite Mockup

“A microsite is particularly focused on a key campaign, event, product or service offering, has its own theme and brand message that aims to be brought to the target audience.”

Brief: To produce a Microsite Mockup in digital format for a fictional event. You may use the same event from your Assignment 1, which must be agreed as the group choice. The event of choice must have enough depth and scope to provide for various promotional gimmicks, be it on-ground, online or in-app implementations. (20%)

My groupmates include David, Samantha and Maryam (Merry). We have come to a decision to choose Merry’s Paint To Music music event poster in promoting the on-ground event. Below are the poster design and proposal prepared by Merry.  

Week 05-06: Research & Idea

painttomusic.jpg
Figure 01: Paint To Music Poster

Trello suggested by Mr Mike in assigning the tasks.

Untitled
Figure 02: To-do List on Trello

This slideshow requires JavaScript.

4525d7f24d385acac2566b0f6ca861ca
Figure 06: Example of Auto Website Wireframe on Wirify.com
ai wireframe blah-02
Figure 07: Information Architecture (IA) for Paint To Music

Here are the microsite references.

This slideshow requires JavaScript.

pl2018fb
Figure 13: Parklife Festival 2018

We decided to keep the microsite in a way that requires users to scroll a long way to different page sections and get to the bottom. Other than that, we are allowed to add a lot more information to the landing page. It would be a great conversion and controlled experience.

sketch
Figure 14: Sketches for Microsite Design
00-PaintToMusicWireframe-Homepage
Figure 15: Wireframe for Homepage
PaintToMusicWireframe-Lineup
Figure 16: Wireframe for Lineup page
PaintToMusicWireframe-Guides
Figure 17: Wireframe for Guides page
PaintToMusicWireframe-Experience
Figure 18: Wireframe for Experience page
PaintToMusicWireframe-Purchase
Figure 19: Wireframe for Purchase page
PaintToMusicWireframe-About
Figure 20: Wireframe for About page
PaintToMusicWireframe-Contact
Figure 21: Wireframe for Contact page
Logo-02
Figure 24: Refining Paint To Music Logo
Paint to Music Typefaces
Figure 25: Typography for Paint To Music

 

Reference List:

http://www.amandamoralesdesign.com/influence/
https://lalalafest.com
https://parklife.uk.com
https://ozorafestival.eu/programs/
https://www.governorsballmusicfestival.com


Final Submission

Microsite Homepage:

PaintToMusicMicrosite-01

Final Pages:

This slideshow requires JavaScript.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s