APPLICATION DESIGN 2 - EXERCISES

Luisa Audrey / 0348741 / Bachelor of Design in Creative Media (UI/UX)
Application Design 2

Exercises

---

Exercises
Task 1: Self-Evaluation and Reflection
Task 2: Hybrid Lo-Fidelity Mobile App Development
Task 3: Micro Interactions and Animated Micro Interaction Prototype

---

INSTRUCTION

For this week, Mr. Razif introduced us to the module and briefed us about what we needed to submit. Mr. Razif also introduced us to Chatgpt. He mentioned how we could ask for Chatgpt's help when we are doing our work.

After the introduction, he told us to create a simple website about us that includes home, about, contact, and portfolio in the navigation bar.

For this exercise, I used the bot's help to create the base of the website. Since my Chatgpt didn't work last time, I used Notion's AI instead. 

After I copy pasted the code, I manipulated it based on what I wanted. I used Sanrio's theme to match my Discord profile picture. 

I only made simple ones without much description, here is what it looks like. It will bring you to the specific page once you click on the nav button.

Here is the link in Netlify: https://applicationdesign2-exercise.netlify.app/

After doing this, we also had another practice using the Figma template that he gave. What we needed to do was to convert
Figma to HTML, CSS, and Javascript.

Since we barely know anything about Javascript, Sir Razif told us to use Gsap for the animation template.

These are the pages that we need to convert:

This is what I managed to do with Sir Razif:

---

REFLECTION

I honestly think that having these exercises, helped me understand how coding works. Especially because I barely knew anything about coding. Not to mention that I suck at coding just because I make the stupidest mistake ever. In the end, I'm grateful for this exercise.