Advanced Interactive Design Task 1
22/4/2024-2/8/2024 Week 1 - Week 14
Wong Kai Xin / 0353027
Advanced Interactive Design / Bachelor of Design in Creative Media / The Design School
Task 1
INSTRUCTIONS
Description
Thematic Interactive Website Proposal for Brand Engagement. A thematic interactive website is a website that focuses on a specific theme or concept with the aim of incorporating interactive elements to interact with users. Most such websites utilize multimedia such as videos, animations, interactive graphics displayed on the page, or other clickable elements which have interactive components that provoke the user. This dynamic experience is meant to keep the user interested in addition to the thematic concept. Themes in such websites vary from educational, cultural, promotional campaigns to product launch. For example, a thematic interactive site could be a museum. Users can go through a virtual exhibition space through interactive tours, games simulation, or questionnaires. In the event that it is a movie, the site can simulate movie universes offering virtual tours through time and space, or any other subject previously created in the movie. The aim of any such site is to keep the user engaged in the medium through interactive exploration.
Requirements
Students are required to create a thematic interactive website proposal with the topic of their choice that can be based on:
1. A specific product of a particular brand launch/special (i.e.: Nike brand new shoe), Beauty product launch (i.e.: Sephora compact powder,
2. Movie promotion
3. Game release promotion.
4. Gallery/Museum exhibit launch
5. Band/Artist latest release.
Or anything else you have in mind (subject to the module coordinator’s
approval)
Submission
1. Completed UI/UX proposal document.
2. All processes (concept, wireframes, mood board, flow chart)
Have to be documented and posted in your E-portfolio as your reflective studies.
Thematic Interactive Website Proposal for Brand Engagement. A thematic interactive website is a website that focuses on a specific theme or concept with the aim of incorporating interactive elements to interact with users. Most such websites utilize multimedia such as videos, animations, interactive graphics displayed on the page, or other clickable elements which have interactive components that provoke the user. This dynamic experience is meant to keep the user interested in addition to the thematic concept. Themes in such websites vary from educational, cultural, promotional campaigns to product launch. For example, a thematic interactive site could be a museum. Users can go through a virtual exhibition space through interactive tours, games simulation, or questionnaires. In the event that it is a movie, the site can simulate movie universes offering virtual tours through time and space, or any other subject previously created in the movie. The aim of any such site is to keep the user engaged in the medium through interactive exploration.
Requirements
Students are required to create a thematic interactive website proposal with the topic of their choice that can be based on:
1. A specific product of a particular brand launch/special (i.e.: Nike brand new shoe), Beauty product launch (i.e.: Sephora compact powder,
2. Movie promotion
3. Game release promotion.
4. Gallery/Museum exhibit launch
5. Band/Artist latest release.
Or anything else you have in mind (subject to the module coordinator’s
approval)
Submission
1. Completed UI/UX proposal document.
2. All processes (concept, wireframes, mood board, flow chart)
Have to be documented and posted in your E-portfolio as your reflective studies.
LECTURES/CLASS SUMMARY
Week 1
- Brief on MIB and first task
Week 2
- holiday
Week 3
- vector based software mathematical drawing based - if you expand image it won't be pixelated (ex: adobe illustrator)
Today, we learned the basics of Adobe Animate and we were asked to draw some items:
- apple
- beach ball
- kite
Fig 3.1 week 3 class activity
Week 4
1. squash and stretch
2. anticipation - helps to prepare the viewer for what's about to happen
3. staging
4. straight ahead and pose to pose
5. follow through and overlapping action
6. slow in and slow out
7. arc
8. secondary action
9. timing
10. exaggeration
11. solid drawing
12. appeal
Fig 4.1 week 4 class activity
Week 5
holiday
Week 6
for thematic website, comply with the usability principles:
- simplicity (design n flow)
- consistency (layout, typography color)
- visibility (elements have to be visible, button should look like a button)
- feedback (reaction of a system to the user)
TASK 1
subject: kittie yiyi eyeliner
- https://thefwa.com/awards/page/1/ website to find references
The reason I chose Kittie Yiyi is because her designs are colorful, lively, and fun, perfect for those who want to stand out and make a statement. Her designs often have playful and quirky details, adding a unique touch to everyday fashion. Kittie Yiyi encourage people to express their unique personalities and style. She uses bold patterns, shapes, and textures, appealing to those who love creativity and originality.
Kittie Yiyi is active on social media, sharing her designs, creative process, and behind-the-scenes content, building a strong community around her brand. She frequently collaborates with influencers and other designers and hosts fashion events, creating a vibrant and engaging environment. Known for setting trends, her brand allows individuals to be at the forefront of fashion innovation, with versatile pieces suitable for various occasions. By choosing Kittie Yiyi, customers support a designer with a clear and personal vision, where her passion for fashion shines through in every piece she creates.
But instead of the overall brand, I decided to focus on one specific product, which is their eyeliner. I thought it could be a fun subject as it comes in different colors, which reflects the brand's identity.
The overall concept I am going for is vibrant, playful, fun, bold, colorful, which overall reflects the brand's identity.
FEEDBACK
Week 2
- quite challenging but good idea
- storyline can be intro
- scroll rotate the product to showcase it
- Material, screen of glasses,
- Link to official website
- Pink bubbly gummy
- However bubbly might look cheap
- Find more references
- Maybe try futuristic concept
Week 6
- Maybe start with logo appear
- Make button appear with scribbles
- Can include a video of tutorial on how to use the eyeliner
- Suggestion of what color to use
- Do a product comparison
- Competitor analysis for website
REFLECTION
Comments
Post a Comment