Ni Ni Tin Win | The Listener

Page 1

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

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.
Ni Ni Tin Win | The Listener by Ni Ni Tin Win - Issuu