Advanced Interactive Design Task 2
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 2
INSTRUCTIONS
TASK 2
Students are required to work on their visual design and start planning
their website’s interactive design elements and features. Unlike traditional
static website, when it comes to interactive design where animations are
present, the plan not only should include the layout visuals but also the
animation example or reference. Students are can build their animation or
user reference animation to demonstrate the intended idea.
Idea 1
Initially, I thought of coming up with the canvas idea as the overall theme
to make it seem like it was a painting painted with the eyeliners. However,
I didn't think the texture of the canvas would go well with the overall
theme
Idea 2
For this idea, I tried to go for a garden concept, according to the iconic
bee of Kittie Yiyi's branding. But, personally I thought it looked a little
bland and it was kind of limiting my creativity.
Idea 3
Still similar to the first idea, using eyeliner as "paint", but this time
with more freedom with creativity as I used a blank colored background and
spiced it up with some doodles.
For the "colors" page, I tried to make a palette with all the eyeliner colors to showcase them. I really liked the idea of a color palette being the way the colors were displayed.
First draft of wireframe:
After a feedback session with sir, there were a few changes that I could do to improve my wireframe:
-change font to a not so childish one
-keep design more consistent
Final presentation slides:
Final user flow:
Submission
Wireframe link:
Prototype link:
https://www.figma.com/proto/nUi0gFICF9C3VZhL0loFEE/ADV-INT?page-id=0%3A1&node-id=1-102&viewport=435%2C464%2C0.06&t=Ew2A9QitHqgYxTOw-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=1%3A102FEEDBACK
Week 10
- Home page doesn't meet target audience, looks abit more like kindergarten typeface
- store locator/shop
- elements have to be consistent throughout
- got a sense of playfulness in website but mot too much
- shape of to buy not suitable, looks like a surfboard, shape not necessary
- title should always be on left since we read from left to right
- allows users to on and off the background music
Week 12
- Cannot be too messy
- Clear information hierarchy
- Clear alignment make all alignment same
- Lilita one (heading) abril fatface, rowdis
Comments
Post a Comment