CT372 601

Typography for Digital Product Design

Date & Time: Monday 12:10 pm – 3:00 pm
Classroom: Marvin Feldman Center Room C511
Semester: Spring 2019
Professor: Christie Shin
Company website: Cynda Media Lab
Email: christie_shin@fitnyc.edu
Office at FIT: D317
Office Hours: Monday 11 to 12, Wednesday 1 to 3, Thursday 5 to 6
CT 372 Projects & Resources

Course Description

The focus of this course is to create a branded experience with digital products. Modern typography, design system, content development, experiential design, digital signage, interactive design, user interface (visual design) and user experience (UI/UX) design principles are discussed throughout the project. Topics covered in this course include, but are not limited to, design thinking methodology, the creative process of a digital product, iterative design workflow, human-centered design, usability and wayfinding systems.

Student Learning Outcomes

Upon completion of the course, students will be able to:
1. apply design thinking methodology in the creative process
2. develop features and content for digital products based on research and Point of View (POV)
3. apply iterative creative process creating digital products
4. validate an idea with rapid prototyping methods
5. develop visual experience and interaction with a scalable media strategy
6. create a professional quality online presence (case study reel & Behance)

Weekly Outline

Week 1: 1/28/2019 MON
UX Process: Empathize

1. Introduction of class, syllabus, project brief
2. Project introduction
– Team forming
3. Lecture
– Design thinking methodology
– Research methods
– User research: field studies–Interview
4. In-class workshop
– Define a place & research goals
– Research study planning (interview questions preparation)
5. Next week
– Visit a chosen place, and report research findings including site observation, interviews, photos, problems, and suggestions.

Week 2: 2/4/2019 MON
UX Process: Empathize

1. Field trip/site research
– Brookfield Place
– Westfield World Trade Center
– MTA subway station
2. Next week
Presentation part 1: Research findings and fieldwork report (a chosen place for your project)
– On-site observation (problems, suggestions, etc.)
– User research: Stakeholder interviews (5)
– Capture findings
Presentation part 2: Field trip report (Westfield World Trade Center & Brookfield Place, and MTA subway station)
– On-site digital products
– On-site observation
– Capture findings

Week 3: 2/11/2019 MON
UX Process: Empathize/synthesize

1. Lecture
– Story share-and-capture (Affinity map)
2. In-class workshop
– Research findings and fieldwork report
– Affinity map
3. Next week
– Capture finding (need findings and developing insights)
– Develop 3 proto-personas

—— President Day: College closed (2/18/2019) ——

Week 4: 2/25/2019 MON
UX Process: Empathize/synthesize

1. Progress review & group discussion
– Review capture findings draft & 3 proto-personas
3. Lecture & In-class workshop
– Download user research
– Affinity map
4. Next week
– Empathy map
– Complete 3 personas with goals & wishes, pains & gains
– Capture findings (your needs & insights)

—— Week5 Snow Day: College closed (3/4/2019) ——

Week 6: 3/11/2019 MON
UX Process: Empathize/synthesize/define

1. Progress review & group discussion
– Review the empathy map, completed personas, and capture findings (your needs & insights)
2. Lecture
– Point of View (POV)
– Customer journey map
3. In-class workshop
– Customer journey map
– Synthesize research findings and come up with a problem statement (POV).
4. Next week
– Compleated customer journey map
– Upload above in the google drive by Tuesday, March 12

Week 7: 3/18/2019 MON
UX Process: Ideate

1. Progress review & group discussion
– Review customer journey map &POV
2. Lecture
– HMW Questions
– Brainstorming
3. In-class workshop
– HMW Questions
– 10 plus ideas per each team member
– 3 to 5 possible ideas of your digital products
• List features and content on each idea
• Scenario/storyboard on each idea
4. Next week
– Submit all the midterm checkpoint required documents in the google drive
– Proposal presentation includes: the Design challenge, process summary (short), selected persona, selected problem statement (POV), creative solutions: 3 to 5 possible ideas of your digital products, list features and possible contents on each idea with scenario/storyboard, etc

Week 8: 3/25/2019 MON
UX Process: Ideate

1. Next week
Content development
– Define the scope of work (list of items and features, information architecture etc.)
– Collect/create content
– Information architect

Week 9: 4/1/2019 MON
UX Process: Prototype

1. In-class workshop
Progress review & group discussion
– Content development
– Information architect
– Low-fidelity prototype (paper prototype and storyboard)
2. Next week
– Wireframes
– Taskflows

Week 10: 4/8/2019 MON
UX Process: Prototype

1. In-class workshop
Progress review & group discussion
– Wireflow
2. Next week
– Taskflow click-through
– Visual design

—— Spring break (4/15-4/21) ——

Week 11: 4/22/2019 MON
UX Process: Prototype

1. In-class workshop
Progress review & group discussion
2. Next week
– Visual design

Week 12: 4/29/2019 MON
UX Process: Prototype

——Class cancellation | e-learning & Innovation Pedagogies—–
1. Upload visual design in the google drive
2. Next week
– UX design
– Prototyping: hi-fidelity prototyping

Week 13: 5/6/2019 MON
UX Process: Prototype

1. In-class workshop
Progress review & group discussion
2. Next week
– Prototyping: hi-fidelity prototyping
– Behance draft

Week 14: 5/13/2019 MON

1. In-class workshop
– Behance page design
– UX research and process report

Week 15: 5/20/2019 MON

Keep and backup all the exercises and projects that you have done throughout the semester! You must submit all your projects for the final grade no later than the last day of class (Week 15)


Create a branded experiential design with digital products.

  • 80% project
  • 20% Class participation, attendance, and professionalism

Point system & grading:

  • A : 100 – 95
  • A- : 94 – 90
  • B+ : 89 – 85
  • B : 84 – 80
  • B- : 79 – 75
  • C+ : 74 – 70
  • C : 69 – 65
  • C- : 64 – 60
Uploading Files for Grading

Class google drive: FA18_CT372

Department Attendance Policy

Attendance is not optional. If you are going to miss a class, you must contact me via email ASAP. Due to the quantity of material covered in the course, I will not be able to spend class time explaining missed assignments or redo lectures. If a class is missed, it is your responsibility to get information regarding missed assignments and lectures from one of your classmates. Two tardy marks equal one absence, and three absences may result in failure of the class.
1. Students are required to attend all classes, be on time, and remain for the entire class.
2. Students who are absent for 3 classes will receive a grade of “F.”
3. A student who arrives 10 minutes after the start of the class will be considered late
4. 2 late occurrences = one absence
5. A student who arrives over 30 minutes late or not returning from the break will be considered absent from the class
6. An excused absence is still considered an absence

Communication Design Pathways Department Policy on Plagiarism.
Within the Communication Design Pathways Department, plagiarism and other forms of academic deception are unacceptable. Each instance of plagiarism is distinct. A plagiarism violation is an automatic justification for an “F” on that assignment and/or an “F” for the course. A student found in violation of FIT’s Code of Conduct and deemed to receive an “F” for a course may not withdraw from the course prior to final grade assignments.
FIT Student Code of Conduct