Skip to main content

Featured

Advanced Interactive Design | Exercises

23/4/26 - 14/6/26 (Week 1 - Week 7) JING KEYAO | 0370732 Bachelor of Design (Honours) in Creative Media | Taylor's University Advanced Interactive Design Exercises Table of Contents 1. LECTURES (Weekly) 2. INSTRUCTIONS 3. EXERCISES      Exercise 01: Asset Creation      Exercise 02: Motion      Exercise 03: Animation 4. DOCUMENTATION LINKS 5. FEEDBACK 6. REFLECTION Lectures WEEK1: This week, Mr.Shamsul introduced us what we are going to do through this semester. He then give an example for the good thematic website from fwa.awards.com . Our task for this week is to start installing adobe animate and find 3 ideas for the Task 1 Proposal. WEEK 2: Practice How To Trace This week we g...

Interactive Design - Project 2

21 / 11 / 2024 — 07 / 12 / 2024 (Week 09 — Week 11)
JING KEYAO/ 0370732
GCD 60904 / Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University
Project 2 -Websites Redesign

INSTRUCTIONS

Project 2

Link to Figma: 


Design Features:

1. Home Page
   - A large hero banner featuring the word "REFLECTION" creates a strong visual impact for the brand.  
   - A grid layout displays different bag categories (Backpacks, Messenger Bags, and Shoppers & Tote Bags) for an enhanced browsing experience.  
   - The Trending Products section uses a horizontal scroll to highlight popular items and increase purchase intent.  
   - A well-structured footer navigation includes Products, Services, Brand Mission, Contact Information, and Social Media Links for easy navigation.  

2. Product Detail Page
   - Displays detailed product images, descriptions, and specifications.  
   - The "ADD TO CHARTS" button is emphasized to encourage user interaction and increase conversion rates.  
   - A consistent footer design ensures smooth navigation across the website.  

3. Contact Page
   - A minimalist "Get In Touch" form allows users to quickly submit their name, email, phone number, and message.  
   - The footer retains the standard navigation bar, ensuring users can easily switch between different sections.  

Design Style Analysis
- Color Scheme: A dark-themed UI with white text enhances the brand’s premium feel while aligning with FREITAG’s eco-industrial aesthetic.  
- Typography: Clear, bold headings combined with a grid layout ensure easy readability.  
- User Experience: Simple button designs and intuitive navigation improve the overall browsing flow.  

Comments

Popular Posts

↑ Back to Top