DST 60504 / APPLICATION DESIGN 1

-

AUG - DEC 2022

Week 01 – Week 04

Harpreet singh / 0352668
 APPLICATION DESIGN 1 / Bachelor of Design (Hons) in Creative Media

INTRODUCTION 





Lecturer 1 

Ui vs Ux


Exercise 1-2

Process Flow of My App

Link to Slides




Process Flow Miro Design 




Explanation of Find my Font App



Exercise 3 

Download one of the apps in the list and re-create the UI design. Select a minimum of 5 screens (not including onboarding) for the task. You're allowed to use any software (Adobe XD, Photoshop, Illustrator, or Figma) for the task. You may use any images from any resources as long as it is appropriate to the design. You need to study and observe carefully the original design and implement it in your crafting. Focus on the details, examine each pixels use in the original UI design and apply it into your own work.

Here is the list:

Productive - Habit Tracker
Sectograph 
Trip
AirBNB
Premier League
Strava


I have chosen Premier League App to re-create the UI design.

My final Work Done in figma for re-creating  the UI design.


Project 2: UI/UX Design Document

Description

After locking down their App concept and idea, students are now ready
to proceed to UX design. The students are required to produce a
comprehensive UX design document which will provide better directions
for them to design the app.
Based on the information gathered in task 1, students will:

● Determine and verify their target audiences.
● Outline the content element of their app, and exercise card sorting
method to achieve optimum information architecture.
● Listing the app features and identifying the app Minimum Viable Product
(MVP). 
● Create wireframes of the screens

● Plan the user interaction and interactivity
After locking down their App concept and idea, students are now ready
to proceed to UX design. The students are required to produce a
comprehensive UX design document which will provide better directions
for them to design the app.


Link to App concept and idea 


App concept and idea for UX


Buttons, icons, Colors, Font type and Layout Design










Final Low - Fi  

Design Ui

Progress


Final Work For low-Fi Prototype 
-


Video Low-fi prototype on phone 



Final hi-fi Prototype 





Video for high-fi Prototype






Link to my Figma work 


Comments

Post a Comment

Popular posts from this blog

Information Design

-
Image
  Start from 22.4.2025 Harpreet Singh / 0352668 Information Design / Bachelor of Design (Hons) in Creative Media  Week 01 – Week 05 Exercise 1 & 2 MIB Week 1/ Introduction &  Type of Infographics We began the semester with an online lecture in the first week with briefing ,  Mr. Fauzi introduced the MIB for this module. They also outlined the initial exercise, instructing us to bring materials to class for the upcoming tutorial. Mr Fauzi explained to us about  types of infographics which included: Week 2 / Exercise 1: Quantifiable Information (10%) – Quantify raw data and visualize information as a photograph Quantify raw data and visualize information as a photograph A is a visual representation of numerical data that allows for easy interpretation and analysis.  Instruction: Gather a set of objects and separate it into category such as color, shape, pattern, and other quantifiable factor. Example: 1. Box of Lego 2. Jar of button 3. Jar of mar...
Read more
-
Image
  Infomation Design final project   30/06/2025--26/07/2025(Week 11--Week 14) Harpreet Singh / 0352668 Information Design / Bachelor of Design (Hons) in Creative Media  Final Project INSTRUCTIONS ESCRIPTION:  Using a processed design framework, you will now produce an infographic report to present the given information to a ‘target audience’ with the purpose of: 1. Creating awareness (such as Global Warming, Recycle, etc.) 2. Explaining a process (such as "how to" video) 3. Defining a concept (such as "What is Fast Fashion", "What is Color Wheel", etc.) Any time based media and software using photography, vector imagery. Design Considerations: ● Organization Principles – LATCH and Content Organization ● Aesthetic Principles – Animation principles ● Cognitive Principles – Principles of visualization Output Expectation: The presentation must be deliberated on, consider each assessment rubric of sorts to your final outcome: ● Show causality ● Multivariate ...
Read more

Collaborative Design Practice Task 3

-
Image
(Week 7 -Week 10) Harpreet/0352668 Collaborative Design Practice/ Bachelor of Design in Creative Media Task 3  Produce rapid prototypes, test and  iterative designs After all our artwork we have done in task 1 and task 2 and get feedbacks. Task 3 is to finalizze it and create a better outlook , below is all the work that our team has done and the chnages. What we plan to do Brand Guideline We designed the overall look for KitaKeto's brand. From logo to colour palettes, we make them fit to the vision of the brand. We also have prepared a guideline on how to use certain assets for future references. Packaging Design With an effort to keep things sustainable and safer for the planet, we opted for an eco-friendly packaging and design. Social Media Content Social media is an easy way to promote and keep the audience engaged to the brand. With Instagram as the main platform, we designed posts, stories and reels to be as engaging as possible. Promotional Content We designed multiple ...
Read more