2
Dedication
To my younger self: You did it.
To my future self: Keep dreaming big.
3
[COPYRIGHT ©2024 NI NI TIN WIN]
All rights reserved. No part of this publication may be reproduced in any manner whatsoever without permission and transmitted, distributed, in any form. Student project only, no part of this is for commercial use.
4
From Listener to Visual Storyteller
I’ve always believed that my greatest strength lies not just in my ability to create but in my capacity to listen—hence, I am the Listener. My approach to design is rooted in a deep, empathetic listening practice that allows me to fully absorb the needs, and unspoken thoughts of my clients and the people for whom I design. In every project, I strive to be not just a designer but a Listener, turning attentive hearing into meaningful visual stories.
5
Table of Contents
6
[01/ 07]
Design Conference Materials
PAGE 09
[02/ 07]
Redesign Book Layout
PAGE 37
[03/ 07]
Website Redesign
PAGE 51
[04/ 07]
Netflix Annual Report
PAGE 73
[05/ 07]
Financial Saving App
PAGE 91
[06/ 07]
Senior Tech
PAGE 111
[07/ 07]
Veteran Web Design
PAGE 141
7
[01/ 07]
Unleashing Creativity: Where Design Meets Innovation
PROJECT
CATEGORY
BACKGROUND
Design Conference Materials HOW Design Live is where inspiration, community, creativity converge into the conference event through breakout sessions, keynotes, and work shops.
OBJECTIVE
INSTRUCTOR
COURSE
Branding Website Mobile App David Hake Type Systems
TERM
Fall 2023
This project aims to create a more modern and engaging visual identity for a design conference. The design materials are intended to appeal to designers, creative leaders, developers, marketers, and digital creators. By revitalizing its aesthetic, the conference seeks to inspire innovation and collaboration among the creative and tech communities.
9 COURSE _ TYPE SYSTEM PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN MA_PORTFOLIO
NI NI TIN WIN _ MA_PORTFOLIO
COURSE _ TYPE SYSTEM PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN MA_PORTFOLIO 15
16 DESIGN CONFERENCE MATERIALS
COURSE _ TYPE SYSTEM PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN MA_PORTFOLIO 17
DESIGN CONFERENCE MATERIALS
19 THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ TYPE SYSTEM PROJECT 01 02 03 04 05 06 07
COURSE _ TYPE SYSTEM PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN MA_PORTFOLIO
DESIGN CONFERENCE MATERIALS 22
THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ TYPE SYSTEM PROJECT 01 02 03 04 05 06 07 23
24 DESIGN CONFERENCE MATERIALS
THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ TYPE SYSTEM PROJECT 01 02 03 04 05 06 07 25
DESIGN CONFERENCE MATERIALS
29 THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ TYPE SYSTEM PROJECT 01 02 03 04 05 06 07
30 DESIGN CONFERENCE MATERIALS
THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ TYPE SYSTEM PROJECT 01 02 03 04 05 06 07
DESIGN CONFERENCE MATERIALS
33 THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ TYPE SYSTEM PROJECT 01 02 03 04 05 06 07
34 DESIGN CONFERENCE MATERIALS
THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ TYPE SYSTEM PROJECT 01 02 03 04 05 06 07
[02/ 07]
Vibrant tapestry of Southeast Asian Buddhism in visuals.
PROJECT
Redesign Book Layout
CATEGORY
Editorial design
Layout design
Typography
INSTRUCTOR
John Nettleton
COURSE
Type Composition
TERM
Spring 2023
BACKGROUND
This book describes the origins and historic development of Buddhism as well as current trends. Magnificent illustrations capture the sacred art, architecture, daily practices, by the Buddha and his teaching.
OBJECTIVE
This project is picking up a poorly designed book to redesign for cover, spine, back, table of contents, chapter opener and including text and image spreads. The redesign is mainly targeted for young adult and adult who are interested in Buddhism, history of Buddha and meditation practices.
37 THE LISTENER NI NI TIN WIN PORTFOLIO COURSE _ TYPE COMPOSITION PROJECT 01 02 03 04 05 06 07
REDESIGN BOOK LAYOUT
COURSE _ TYPE COMPOSITION PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN PORTFOLIO
THE LISTENER NI NI TIN WIN PORTFOLIO COURSE _ TYPE COMPOSITION PROJECT 01 02 03 04 05 06 07
44 REDESIGN BOOK LAYOUT
45 COURSE _ TYPE COMPOSITION PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN PORTFOLIO
REDESIGN BOOK LAYOUT
THE LISTENER NI NI TIN WIN PORTFOLIO COURSE _ TYPE COMPOSITION PROJECT 01 02 03 04 05 06 07
REDESIGN BOOK LAYOUT
50 REDESIGN BOOK LAYOUT
51 COURSE _ TYPE COMPOSITION PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN PORTFOLIO
[03/ 07]
A Legacy of Sustainability
PROJECT
Website Redesign
CATEGORY
Branding
INSTRUCTOR
COURSE
Website Mobile App Gregg Foster Digital Design Studio
TERM
Fall 2023
BACKGROUND
Pasture 42, it’s a small-scale family farm dedicated to sustainable farming practices located on thirty-two acres of pasture in Guinda, California.
OBJECTIVE
This project is transforming original website into a visually stunning farm showcase to captivate and engage users. I emphasize clear calls to action, showcase the key product categories, and offer a seamless e-commerce experience, inviting visitors to explore and connect with our offerings effortlessly.
53 THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ DIGITAL DESIGN STUDIO P ROJECT 01 02 03 04 05 06 07
Original Website Design
WEBSITE REDESIGN
55 COURSE _ DIGITAL DESIGN STUDIO P ROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN MA_PORTFOLIO
56 WEBSITE REDESIGN
Site Map
57 THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ DIGITAL DESIGN STUDIO P ROJECT 01 02 03 04 05 06 07
58 Website Wireframe WEBSITE REDESIGN
59 COURSE _ DIGITAL DESIGN STUDIO P ROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN MA_PORTFOLIO
60 Mobile Wireframe WEBSITE REDESIGN
61 COURSE _ DIGITAL DESIGN STUDIO P ROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN MA_PORTFOLIO
WEBSITE REDESIGN
THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ DIGITAL DESIGN STUDIO P ROJECT 01 02 03 04 05 06 07
65 COURSE _ DIGITAL DESIGN STUDIO P ROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN MA_PORTFOLIO
66 WEBSITE REDESIGN
67 COURSE _ DIGITAL DESIGN STUDIO P ROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN MA_PORTFOLIO
WEBSITE REDESIGN
70 WEBSITE REDESIGN
71 COURSE _ DIGITAL DESIGN STUDIO P ROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN MA_PORTFOLIO
Logotype
Pasture 42
Typeface
Utopia UTD
Piazolla
Alegreya Sans Header Navigation Logo
About us Products
CTA 1 CTA 2
72
#5d6f30 #838969 #d0dd27
#ebf2cb
#71451c #000000
Style Guide WEBSITE REDESIGN
73 COURSE _ DIGITAL DESIGN STUDIO P ROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN MA_PORTFOLIO
[04/ 07]
Streaming Success: A Year of Global Connections
PROJECT
Netflix Annual Report
CATEGORY
INSTRUCTOR
COURSE
Editorial Design Layout Design Publication David Hake Type Systems
TERM
Fall 2023
BACKGROUND
Netflix, Inc., founded in 1997 by Reed Hastings and Marc Randolph in Scotts Valley, California and began as a DVD rental service but then transformed into a leading on-demand entertainment platform.
OBJECTIVE
This project transforms the complex Netflix annual report into a visually engaging format through data visualization, photos, typography, and color. This approach aims to attract board members and potential investors. I used the Netflix theme color with a modern twist in the layout and created a consistent visual system throughout the book.
75 COURSE _ TYPE SYSTEMS PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN MA_PORTFOLIO
THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ TYPE SYSTEMS PROJECT 01 02 03 04 05 06 07
NETFLIX ANNUAL REPORT
THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ TYPE SYSTEMS PROJECT 01 02 03 04 05 06 07
NETFLIX ANNUAL REPORT
81 THE LISTENER COURSE _ TYPE SYSTEMS PROJECT 01 02 03 04 05 06 07 NI NI TIN WIN MA_PORTFOLIO
NETFLIX ANNUAL REPORT
COURSE _ TYPE SYSTEMS PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN MA_PORTFOLIO
NETFLIX ANNUAL REPORT
THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ TYPE SYSTEMS PROJECT 01 02 03 04 05 06 07
86 NETFLIX ANNUAL REPORT
87 THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ TYPE SYSTEMS PROJECT 01 02 03 04 05 06 07
NETFLIX ANNUAL REPORT
THE LISTENER NI NI TIN WIN MA_PORTFOLIO COURSE _ TYPE SYSTEMS PROJECT 01 02 03 04 05 06 07
90 NETFLIX ANNUAL REPORT
91 COURSE _ TYPE SYSTEMS PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN MA_PORTFOLIO
[05/ 07]
Empower Your Finances,
One Smart Decision at a Time.
PROJECT
Financial Saving App
CATEGORY
BACKGROUND
During the Covid-19 crisis, many lost jobs and faced financial fears. Bank of America’s research (Oct 2022) shows Americans prioritizing saving and emergency funds in 2023.
OBJECTIVE
INSTRUCTOR
UI/ UX Design Case Study Mobile App Fred McHale
COURSE
TERM
UI/UX Design Spring 2023
The SavSom mobile app is a transformative tool aimed at enhancing personal finance management. Designed with the user in mind, it offers a comprehensive suite of features to guide individuals towards smarter financial decisions. SavSom empowers users to gain control over their finances. Whether it’s saving for a dream vacation, investing for the future, or simply managing daily expenses, SavSom provides the necessary support to navigate the complexities of personal finance with ease and confidence.
93 COURSE _ UI/UX DESIGN PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN PORTFOLIO
Research
◆ How are people doing with saving money and what’s the purpose of saving money?
◆ Do people use any kind of tools on managing their finance?
◆ How do people feel about using it and the impact towards their life?
94 FINANCIAL SAVING APP
95 THE LISTENER NI NI TIN WIN PORTFOLIO COURSE _ UI/UX DESIGN PROJECT 01 02 03 04 05 06 07
Persona
96 FINANCIAL SAVING APP
97 THE LISTENER NI NI TIN WIN PORTFOLIO COURSE _ UI/UX DESIGN PROJECT 01 02 03 04 05 06 07 Bio
98 FINANCIAL SAVING APP
99 THE LISTENER NI NI TIN WIN PORTFOLIO COURSE _ UI/UX DESIGN PROJECT 01 02 03 04 05 06 07
100 FINANCIAL SAVING APP
101 COURSE _ UI/UX DESIGN PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN PORTFOLIO
102 FINANCIAL SAVING APP
THE LISTENER NI NI TIN WIN PORTFOLIO
104 FINANCIAL SAVING APP
105 COURSE _ UI/UX DESIGN PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN PORTFOLIO
106 FINANCIAL SAVING APP
108 FINANCIAL SAVING APP
109 COURSE _ UI/UX DESIGN PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN PORTFOLIO
110 FINANCIAL SAVING APP
111 COURSE _ UI/UX DESIGN PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN PORTFOLIO
[06/ 07]
Senior Tech: Bridging Generations with Technology
PROJECT
Senior Tech Service
CATEGORY
INSTRUCTOR
COURSE
Graphic Design Website Mobile App Sandra Isla Visual Thinking
TERM
Fall 2023
BACKGROUND
Developed an engaging and intuitive homepage design tailored specifically for veterans at California Science and Technology University. Access to educational services.
OBJECTIVE
This design incorporates interactive elements and personalized features, ensuring a seamless transition for veterans into the academic and technological realms of the university.
113 THE LISTENER NI NI TIN WIN PORTFOLIO COURSE_ VISUAL THINKING PROJECT 01 02 03 04 05 06 07
116 SENIOR TECH
117 COURSE_ VISUAL THINKING PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN PORTFOLIO
118 SENIOR TECH
119 THE LISTENER NI NI TIN WIN PORTFOLIO COURSE_ VISUAL THINKING PROJECT 01 02 03 04 05 06 07
120 SENIOR TECH
121 THE LISTENER NI NI TIN WIN PORTFOLIO COURSE_ VISUAL THINKING PROJECT 01 02 03 04 05 06 07
SENIOR TECH
126 SENIOR TECH
127 THE LISTENER NI NI TIN WIN PORTFOLIO COURSE_ VISUAL THINKING PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN PORTFOLIO
128
Service Website
Offering human support by contacting to the customer call center or participating in the community allows seniors to stay connected with each other in the community from the Senior Tech workshop event.
I created this service website as a step by step walk through, showing seniors how to create an account, post a content and getting familiar with the user interface.
130 SENIOR TECH
131 COURSE_ VISUAL THINKING PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN PORTFOLIO
Step by step walk through website
The purpose of the website is to ask questions related with technology issues and join senior tech community.
First choose either of this task.
Second start joining the community.
132
Create an account or log in to continue for senior tech community.
133
134 SENIOR TECH
135 COURSE_ VISUAL THINKING PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN PORTFOLIO
SENIOR TECH
THE LISTENER NI NI TIN WIN PORTFOLIO COURSE_ VISUAL THINKING PROJECT 01 02 03 04 05 06 07
2. Today this video is going to help people who are not familiar using Facebook messenger or forgot how to use. If you are one of them, please keep watching.
4. This blue icon is where you can find all the apps for your iPhone. It’s called App store which stands for Apple store.
3. We are going to start by having a look at how to stall and access the Facebook Messenger app.
5. After tap into that app store, you will see the Home Page of App store and looks like that.
with search
order
7. After that it will appear the messenger app which you can see from the display and click to open.
139 THE LISTENER NI NI TIN WIN PORTFOLIO COURSE_ VISUAL THINKING PROJECT 01 02 03 04 05 06 07
6. Let’s begin
button in
to type messenger app to download from the App store.
SENIOR TECH
Conclusion
This project aims to reach seniors and older adults facing similar challenges. As a senior tech company, we understand their concerns and are here to assist them.
From the graphic design solution standpoint, the workshop event aims to educate participants about the problems and is surrounded by like-minded people, creating a comfortable environment for all. Senior Tech also offers a website solution to keep in touch for upcoming events and be a part of the Senior Tech community. Lastly, videos from the YouTube channel provide tutorials on how to use social media apps.
141 COURSE_ VISUAL THINKING PROJECT 01 02 03 04 05 06 07 THE LISTENER NI NI TIN WIN PORTFOLIO
[07/ 07]
From Service to Science: Building Bridges to Innovation for Veterans
PROJECT
Internship work:
Website design
CATEGORY
Branding
BACKGROUND
INSTRUCTOR
Website Mobile App N/A
COURSE
N/A
OBJECTIVE
Developed an engaging and intuitive homepage design tailored specifically for veterans at California Science and Technology University. Access to educational services. This design incorporates interactive elements and personalized features, ensuring a seamless transition for veterans into the academic and technological realms of the university.
143 THE LISTENER NI NI TIN WIN MA_PORTFOLIO PROJECT 01 02 03 04 05 06 07
INTERNSHIP WORK: WEBSITE DESIGN
THE LISTENER NI NI TIN WIN MA_PORTFOLIO PROJECT 01 02 03 04 05 06 07
INTERNSHIP WORK: WEBSITE DESIGN
INTERNSHIP WORK: WEBSITE DESIGN
THE LISTENER NI NI TIN WIN MA_PORTFOLIO PROJECT 01 02 03 04 05 06 07
WORK: WEBSITE DESIGN
INTERNSHIP
THE LISTENER NI NI TIN WIN MA_PORTFOLIO PROJECT 01 02 03 04 05 06 07
INTERNSHIP WORK: WEBSITE DESIGN
THE LISTENER NI NI TIN WIN MA_PORTFOLIO PROJECT 01 02 03 04 05 06 07
WORK:
DESIGN
INTERNSHIP
WEBSITE
THE LISTENER NI NI TIN WIN MA_PORTFOLIO PROJECT 01 02 03 04 05 06 07
INTERNSHIP WORK: WEBSITE DESIGN
157 THE LISTENER NI NI TIN WIN MA_PORTFOLIO PROJECT 01 02 03 04 05 06 07
158
Acknowledgments
TO MY PARENTS
I owe immense gratitude to my biggest support system —my parents. I am eternally grateful for their joy and support, which continually drive me forward. Special thanks to my beloved uncle, Ko Aung and Fynn for guiding me toward becoming the best version of myself. To my adorable grandparents, your faith in my abilities means the world to me. All of your contributions have played a crucial role in my design journey.
TO MY INSTRUCTORS
I extend my heartfelt gratitude to Marry Scott, Hunter Wimmer, John Nettleton, David Hake, Sandra Isla, Fred McHale, Gregg Foster and Jeff Carino. Your guidance has been instrumental in molding me into not only a better designer but also a more rounded individual, enriched by your shared wisdom and life experiences. I’m excited to continue learning and make you proud in the next chapter of my journey.
TO MY FRIENDS
I’m truly blessed to count each of you as my friends, you know who you are. Your presence, support and empathy are invaluable to me. I deeply appreciate you all for being such an essential aspect of my life.
159
Colophon
TITLE OF THE BOOK
The Listener
CONTACT
ninitinwin.com
SCHOOL DEGREE
Academy of Art University
Master of Arts_MA
Graphic Design and Digital Media
INSTRUCTOR
Mary Scott
COURSE
MA_Portfolio Seminar
PRINTING AND BINDING
Blurb.com
PAPER STOCK
Mohawk Superfine
Eggshell finish 100# text
TYPOGRAPHY
Miller
Franklin Gothic
160
161