Interactive Design | Project 1: Prototype Design

14.05.2024 - 01.08.2024 / Week 4 - Week 15
Khu Ying Ying / 0357306
Interactive Design / GCD60904 / Bachelor of Design (Honours) in Creative Media
Project 1: Prototype Design

TABLE OF CONTENTS






INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1XxZ4GlWre0iUTmrVDC7BdScj8GtVotBm/preview" width="640" height="480" allow="autoplay"></iframe>


PROJECT 1: PROTOTYPE DESIGN

Week 4 (14/05/2024)

Objectives:
  1. Create a UI design prototype for your digital resume/curriculum vitae (CV) using prototyping software such as Adobe XD/Figma. 
  2. The UI design prototype will showcase your digital resume's layout, visual elements, and user interface interactions.

Requirements:
  1. Content and Structure: 
    • Prepare the content for your resume, including personal details, education, work experience, skills, projects, and other relevant sections.
    • Decide the order and hierarchy of sections based on their importance and relevance.
  2. Layout and Visual Design:
    • Design the layout of your digital resume using the chosen prototyping software. Define the placement of different sections and how they will flow together.
    • Apply a consistent visual design using typography, color palette, and appropriate spacing.
  3. Sections and Organization:
    • Organize your resume into logical sections, such as "Profile," "Education," "Experience," "Skills," "Projects," and "Contact."
    • Prioritize sections based on their relevance and significance to the position you're targeting
  4. Visual Elements:
    • Incorporate relevant images, icons, or placeholders that align with the content and enhance the visual appeal of your digital resume.


Progress:

Content & Structure

From the beginning, I organize the content of my resume, arranging sections in order of importance and relevance.
  1. Profile: 
    • Name: Khu Ying Ying
    • Position: Graphic Designer
    • Introduction: I am a passionate design student who enjoys drawing in my free time, finding inspiration from the world around me. 
    • Birthday: 13/06/2004
    • Projects: E-portfolio (Blogger)
  2. Education: 
    • 2017-2021
      • Tenby Schools Setia Eco Park
      • Secondary
    • 2022-2023
      • Taylor's College
      • Foundation in Design
      1. 2023-Present
        • Taylor's University
        • Bachelor of Design (Honours) in Creative Media
      1. Software Skills: 
        • Adobe Illustrator
        • Adobe Photoshop 
        • Adobe InDesign 
        • Adobe Premiere Pro
      2. Languages:
        • English
        • Chinese (native)
        • Malay
      3. Contact Details: 
        • Phone Number: +60 16-219 2828
        • E-mail: kyingying613@gmail.com


      Week 15 (01/08/2024)

      Layout & Visual Design

      Once I was done organising my resume's contents, I searched up some references on Pinterest to get some ideas before sketching the layouts.
      Figure P1.1: Inspirations, Week 15 (01/08/2024)

      I started sketching the layouts. I chose Sketch #1 as my final design.
      Figure P1.2: Sketches, Week 15 (01/08/2024)

      I found a suitable color palette from Colour Hunt that matched the design.
      Figure P1.3: Colour Palette, Week 15 (01/08/2024)

      Then, I did the design in Figma.
      Figure P1.4: Figma, Week 15 (01/08/2024)


      Final Submission of Project 1.
      Figma Prototype: Link
      Figure P1.5: Figma Embedded File, Week 15 (01/08/2024)

      Figure P1.6: Final Submission of Project 1 - Prototype Design (JPG), Week 15 (01/08/2024)

      Figure P1.7: Final Submission of Project 1 - Prototype Design (PDF), Week 15 (01/08/2024)


      REFLECTIONS

      Experience
      Notes


      QUICK LINKS


      Comments

      Popular posts from this blog

      Brand Corporate Identity | Task 1: Breaking Brand

      Brand Corporate Identity | Task 2: Logo

      Interactive Design | Exercises