Application Design I: Task 4
Application Design I: Task 4
-
13.7.2026 - 26.7.2026 / Week 13 - Week 14
Dave Christian Moniaga / 0385630
Application Design I / Bachelor of Design (Hons) in Creative Media
Task 4
Table of Contents
Lectures
Week 13
Design System
Design system consists of design language, design kit, component
library, developer sandbox, and documentation site.
Why is it important?
- helps team members find common information
- keeps consistency between all elements and keep them at the same standard
- save time for project that reuse function and features
- helps newcomers on showing how things work
Examples for viewing:
|
| Fig 1.1 Atlassian Design System |
|
| Fig 1.2 Shopify Polaris React |
Week 14
Portfolio
Individuals who reads your portfolio are HR, Peers, and Managers. They will
check your CV, your skills, your field, learning curve, and thinking
process.
The goal is to show your past and growth. Show them your priority
and aims as well. Here are the details on what should be in your
portfolio:
INTRO
- What the project is about
- how long, who worked on it, and your role.
- What it is
- the format, who uses it, how does it help?
CONTEXT
- What the environment is
- where do we use it, what is it trying to solve, & what are the challenges.
SPECS
- who made it, what did they use, and their limits.
DEMO
- Show and tell
- show how it moves, how it is used, what it looks like, and how it works.
- visualize real people using it and their environment
FEATURES
- Explain everything it does
- all the functions, the parameters, and how flexible it is
- What it does better
- Comparisons to other, the data, and facts
CHOICES
- Breakdown
- what was chosen, the decisions made, research, tests, and what didn't work.
RESULTS
- Data
- show the metric difference, past vs present
- Timeline
- current assessment, reflection, and future updates
CTA!
- Call to Action
- download CV, files, contact author, quotation, "give me a job" see full story..
- Portfolio: 1x Case Study, 2x Showcase, and several Snapshots
When showing your portfolio, show the results first then process. Take
into consideration levels of reading. Don't explain the process, but
explain the results instead (assume they know the process).
Remember to show what you tried & didn't work, the ups and downs. Show
the outcome and what eventually worked. Show the real work of research and
sketches, your role, and what you are in charge of.
*When using AI, be specific on how you used it and why as it isn't clear if
it is good or bad currently
Instructions
Task 4
Hi-Fi Prototype
For this task, here are some of the important things to show:
- Summary of task 3
- UI Kit
- Hi-Fi features & walkthrough
- Promo advertisement for the app
- Conclusion
- what you learnt & what's next?
|
| Fig 2.1 Process of making the promo poster in Illustrator |
Final Task 4 Final Project & E-Portfolio
Project Links:
|
| Fig 2.2 Final Promotion Poster for Sunway Malls 2.0 |
Fix the hierarchy of information on the homepage, include the most
important things first such as deals & offers / events. Remember
to also rearrange the QR and point system so that they are aligned
together for a more cohesive layout. The logo / icons of the store
should also be featured in their deals page. Finally, add the icons
for direction and location in the map system.
Week 14
Increase navbar size and font for easier readability. Fix the navbar
so that it works to navigate through the pages and keep the animation
that has been set as well. Add consistent margins for the app layout
and spacing. Most importantly, focus on creating one good user flow
instead of trying to make as many pages as possible.
Comments
Post a Comment