Interactivity 1 | 2022 |
Juliett Tam
Tutor: Clive Ng
/Persona
My first impression of betty is very cheerful and welcoming. In my opinion, she is an open-book. Therefore I designed a persona card with a white background, with black non-stylistic san-serif text and simple cutout graphics that portrays her personality traits.
As I got to know her more, I realize there is another side of her when it comes to ceramics. She explained to me the elegancy of ceramic making. Thus how calm she feels as she is in the process. Capturing this side of her, I imagined what it would look like if I designed her a ceramic studio website.
/Website progress 1
Taking reference of HKMOA's website, I created my first layout of Betty's website. However, I still found the arrangement too rigid. I wanted the setup to have more dynamic.
/Website progress 2 + Tutor comment
1. Try to refrain from using more than 3-4 font sizes
2. Follow a coherent grid system
3. Try mix and matching two different font styles together
4. Take reference of the act of ceramic making, for example the motion of the steering wheel. And bring these qualities to the website.
/ Web Flow + Tutor Comment
1. The overall color is too desaturated
2. Appreciates the sectioned scrolling animation
3. Believes horizontal scrolling will be more suitable
/ Interaction Demo
