This document provides details about Natt Phenjati's educational and professional background, skills, and sample works. It includes information about his Bachelor's degree from Rensselaer Polytechnic Institute in Electronic Media, Arts and Communication and his Master's degree from Domus Academy in Interaction Design. Various design and development projects are summarized, including ReadMe, Vitro, Mito Flip book, and systems designed for education in Thailand. Skills mentioned include design research, prototyping, interface design, and more.
Consumers worldwide have been quick to embrace the concept of a tablet computer: IDC forecasts that 53.5 million units will ship this year. As brands start to explore how best to reach consumers via this nascent medium, we outline best practices for marketing on the tablet in our latest report.
Our Tablet Checklist includes 10 actionable recommendations for brands, with case studies to help illustrate these ideas. The recommendations were inspired by conversations with a panel of interactive media professionals both inside and outside JWT.
Los Medios Masivos de comunicación son una realidad natural de nuestro tiempo, pero no son tan "naturales" como parece, sino activos intereses que transmiten información y general realidad.
Consumers worldwide have been quick to embrace the concept of a tablet computer: IDC forecasts that 53.5 million units will ship this year. As brands start to explore how best to reach consumers via this nascent medium, we outline best practices for marketing on the tablet in our latest report.
Our Tablet Checklist includes 10 actionable recommendations for brands, with case studies to help illustrate these ideas. The recommendations were inspired by conversations with a panel of interactive media professionals both inside and outside JWT.
Los Medios Masivos de comunicación son una realidad natural de nuestro tiempo, pero no son tan "naturales" como parece, sino activos intereses que transmiten información y general realidad.
You have a Makerspace; so what's next? Join Brian Pichman from the Evolve Project as he walks you through how to plan, market, and organize your programming events for your Makerspace. Brian will also share successful programming ideas regardless of library type. Allow your public library or school library to foster innovation and offer unique opportunities to encourage more patrons to interact, grow, and learn.
Topics/Agenda:
* Ways to Organize Your Space
* Marketing Tips and Tricks
* Planning for the Future
* Programming Ideas for your Makerspace
Desired Outcomes:
After attending the webinar, you will have new ideas for your Makerspace to draw more attendees, see positive outcomes, and educate your local community (whether a school or public library) to foster more innovation and collaboration.
Presented by: Christian Bromann, Sauce Labs
Presented at All Things Open 2020
Abstract: Every open source project has its own unique story to tell, whether it’s a small personal hobby program or a big corporate-funded project. A project always starts with a single person making a single commit and putting it on GitHub. From there the storyline writes itself and, if done successfully, it will highlight the most important component of open source: the people, friendships, and collaborations.
Putting code on an open platform like GitHub is easy. There is almost no friction when you iterate on your first versions of your new open source project. However once it grows and more people start using it, it often feels overwhelming when they start filing issues and requesting your support. This often leads to maintainers abandoning their projects as they get burned out and users becoming frustrated when they have to transition to a different framework. People often forget that building a community around an open source project is just as difficult and important as the solution that the project provides.
In this talk, Christian Bromann will share his experience of building a community around an open source project. He will provide various tips and tricks that help guide you through the difficulties of acquiring new contributors and will teach you important lessons he learned along the way. At the end of the session you will walk away with actionable ideas that you can apply to your own open source projects.
UI/UX Designer in the year 2020 | Developers Day Nov.19Lena Lekkou
What it's like to be a designer in the current year, what difficulties we all face and what soft skills everyone should invest in the following years so that they become future-proof in their discipline.
With Fashion Week to inspire us, this webinar focuses on sharing a few favorite digital trends for 2018. Instead of discussing denim separates and art-inspired prints, our team explores hot digital to keep an eye on. The webinar focuses on emerging technologies, exciting design trends and standout digital strategies to adopt in the new year.
Associate Creative Director Jessica DeJong and Chief Strategist Kalev Peekna dive into concepts that could disrupt how we think about digital experiences, as well as trends to easily fold into your 2018 marketing strategy.
Access the full recording: https://youtu.be/N_4XAsXDoYI
We will show project choices and different ways to use technology to create these projects (i.e. Popplet, Prezi, Google Presentations, iMovie, Animoto, etc.).
The UX Lexicon is Born – clear communication and understanding for all resear...Ray Poynter
Presentation by Michele Ronsen, Founder, Curiosity Tank.
The UX Lex is “an evolving, interactive glossary,” which started with UX research terms, and has since evolved to include market research terms too.
Several confusions and questions inspired the search for a trusted source to define our terms, to spark dialogue with colleagues and clients, and to recommend to students. Surprisingly, nothing comprehensive exists!
Join us to hear how we created the UX Lex, what we hope it will accomplish for our industry, and how you and your colleagues can benefit from this robust resource.
Access the full recording via NewMR.org/Play-Again
50+ thinkers and planners within MSLGROUP share and discuss inspiring projects on corporate citizenship, crowdsourcing and storytelling on the MSLGROUP Insights Network. Every week, we pick up one project and do a deep dive into conversations around it -- on the MSLGROUP Insights Network itself but also on the broader social web -- to distill insights and foresights. We share these insights and foresights with you on our People’s Insights blog and compile the best insights from the network and the blog in the iPad-friendly People’s Lab Quarterly Magazine, as a showcase of our capabilities. This week, our topic is Vook . For more, see:http://peopleslab.mslgroup.com
The Expanded Classroom: The impact of technology in a connected worldJonathan Shaw
The Media Department at Coventry University has developed a framework of highly innovative teaching, learning and creative-practice spaces – virtual and physical.
This paper will present the challenges we have faced, and the success we have encountered from the creation of a series of ‘alternative spaces’ for learning, which address the changing landscape of 21st Century education .
Students and staff have engaged with the spaces in different ways through a range of, discipline-led initiatives.
These initiatives have led to open educational classes, interactive blog spaces, online presentations of student work and international collaborations across courses within the media department.
We have recently developed a project that will enable students to engage more actively in the process so that they can create and develop student-led teaching and learning environments. This project will consider the spaces in which students are comfortable and prefer to learn as well as creating opportunities to challenge and question their learning styles.
The impact of the project extends beyond the teaching and learning environment and seeks to empower the students: by placing them at the heart of the process we hope that they will take more responsibility for their own learning, become more entrepreneurial in their approach to their own education and develop lifelong skills that extend far beyond the classroom.
With geographical barriers removed, educators have an opportunity to enlighten and empower students, through innovative, open and shared teaching and learning practices, to find their voice and positively contribute to a culturally rich and globally connected world.
Today’s teaching and learning should stimulate debate and encourage discovery; this paper places the student’s ownership, engagement and collaborative learning at the heart of that journey. Students, working as researchers and co-creators will develop collaborative, connected and technology-enabled models for higher education.
Requirements Engineering for the HumanitiesShawn Day
This workshop explores how requirements engineering can be employed by digital and non-digital humanities scholars (and others) to conceptualise and communicate a research project.
requirementsEngineeringAs the field of digital humanities has evolved, one of the biggest challenges has been getting the marrying technical expertise with humanities scholarly practice to successfully deliver sustainable and sound digital projects. At its core this is a communications exercise. However, to communicate effectively demands an ability to effectively translate, define and find clarity in your own mind.
Tools for Investigative Journalists - Perugia 2017 IJFEzra Eeman
With the ever speeding pace of journalism and quick turnaround articles, the need for good investigative journalism is more important than ever. Join Ezra Eeman from Journalism Tools for a tour of the best tools to find and brainstorm your ideas, monitor stories, follow the people and paper trail, zoom in on locations, shield your investigation, get more out of your data and produce highly visual stories in the field. Journalism Tools is a popular twitter feed and web platform exploring the newest tools and resources for the next generation of journalists.
You have a Makerspace; so what's next? Join Brian Pichman from the Evolve Project as he walks you through how to plan, market, and organize your programming events for your Makerspace. Brian will also share successful programming ideas regardless of library type. Allow your public library or school library to foster innovation and offer unique opportunities to encourage more patrons to interact, grow, and learn.
Topics/Agenda:
* Ways to Organize Your Space
* Marketing Tips and Tricks
* Planning for the Future
* Programming Ideas for your Makerspace
Desired Outcomes:
After attending the webinar, you will have new ideas for your Makerspace to draw more attendees, see positive outcomes, and educate your local community (whether a school or public library) to foster more innovation and collaboration.
Presented by: Christian Bromann, Sauce Labs
Presented at All Things Open 2020
Abstract: Every open source project has its own unique story to tell, whether it’s a small personal hobby program or a big corporate-funded project. A project always starts with a single person making a single commit and putting it on GitHub. From there the storyline writes itself and, if done successfully, it will highlight the most important component of open source: the people, friendships, and collaborations.
Putting code on an open platform like GitHub is easy. There is almost no friction when you iterate on your first versions of your new open source project. However once it grows and more people start using it, it often feels overwhelming when they start filing issues and requesting your support. This often leads to maintainers abandoning their projects as they get burned out and users becoming frustrated when they have to transition to a different framework. People often forget that building a community around an open source project is just as difficult and important as the solution that the project provides.
In this talk, Christian Bromann will share his experience of building a community around an open source project. He will provide various tips and tricks that help guide you through the difficulties of acquiring new contributors and will teach you important lessons he learned along the way. At the end of the session you will walk away with actionable ideas that you can apply to your own open source projects.
UI/UX Designer in the year 2020 | Developers Day Nov.19Lena Lekkou
What it's like to be a designer in the current year, what difficulties we all face and what soft skills everyone should invest in the following years so that they become future-proof in their discipline.
With Fashion Week to inspire us, this webinar focuses on sharing a few favorite digital trends for 2018. Instead of discussing denim separates and art-inspired prints, our team explores hot digital to keep an eye on. The webinar focuses on emerging technologies, exciting design trends and standout digital strategies to adopt in the new year.
Associate Creative Director Jessica DeJong and Chief Strategist Kalev Peekna dive into concepts that could disrupt how we think about digital experiences, as well as trends to easily fold into your 2018 marketing strategy.
Access the full recording: https://youtu.be/N_4XAsXDoYI
We will show project choices and different ways to use technology to create these projects (i.e. Popplet, Prezi, Google Presentations, iMovie, Animoto, etc.).
The UX Lexicon is Born – clear communication and understanding for all resear...Ray Poynter
Presentation by Michele Ronsen, Founder, Curiosity Tank.
The UX Lex is “an evolving, interactive glossary,” which started with UX research terms, and has since evolved to include market research terms too.
Several confusions and questions inspired the search for a trusted source to define our terms, to spark dialogue with colleagues and clients, and to recommend to students. Surprisingly, nothing comprehensive exists!
Join us to hear how we created the UX Lex, what we hope it will accomplish for our industry, and how you and your colleagues can benefit from this robust resource.
Access the full recording via NewMR.org/Play-Again
50+ thinkers and planners within MSLGROUP share and discuss inspiring projects on corporate citizenship, crowdsourcing and storytelling on the MSLGROUP Insights Network. Every week, we pick up one project and do a deep dive into conversations around it -- on the MSLGROUP Insights Network itself but also on the broader social web -- to distill insights and foresights. We share these insights and foresights with you on our People’s Insights blog and compile the best insights from the network and the blog in the iPad-friendly People’s Lab Quarterly Magazine, as a showcase of our capabilities. This week, our topic is Vook . For more, see:http://peopleslab.mslgroup.com
The Expanded Classroom: The impact of technology in a connected worldJonathan Shaw
The Media Department at Coventry University has developed a framework of highly innovative teaching, learning and creative-practice spaces – virtual and physical.
This paper will present the challenges we have faced, and the success we have encountered from the creation of a series of ‘alternative spaces’ for learning, which address the changing landscape of 21st Century education .
Students and staff have engaged with the spaces in different ways through a range of, discipline-led initiatives.
These initiatives have led to open educational classes, interactive blog spaces, online presentations of student work and international collaborations across courses within the media department.
We have recently developed a project that will enable students to engage more actively in the process so that they can create and develop student-led teaching and learning environments. This project will consider the spaces in which students are comfortable and prefer to learn as well as creating opportunities to challenge and question their learning styles.
The impact of the project extends beyond the teaching and learning environment and seeks to empower the students: by placing them at the heart of the process we hope that they will take more responsibility for their own learning, become more entrepreneurial in their approach to their own education and develop lifelong skills that extend far beyond the classroom.
With geographical barriers removed, educators have an opportunity to enlighten and empower students, through innovative, open and shared teaching and learning practices, to find their voice and positively contribute to a culturally rich and globally connected world.
Today’s teaching and learning should stimulate debate and encourage discovery; this paper places the student’s ownership, engagement and collaborative learning at the heart of that journey. Students, working as researchers and co-creators will develop collaborative, connected and technology-enabled models for higher education.
Requirements Engineering for the HumanitiesShawn Day
This workshop explores how requirements engineering can be employed by digital and non-digital humanities scholars (and others) to conceptualise and communicate a research project.
requirementsEngineeringAs the field of digital humanities has evolved, one of the biggest challenges has been getting the marrying technical expertise with humanities scholarly practice to successfully deliver sustainable and sound digital projects. At its core this is a communications exercise. However, to communicate effectively demands an ability to effectively translate, define and find clarity in your own mind.
Tools for Investigative Journalists - Perugia 2017 IJFEzra Eeman
With the ever speeding pace of journalism and quick turnaround articles, the need for good investigative journalism is more important than ever. Join Ezra Eeman from Journalism Tools for a tour of the best tools to find and brainstorm your ideas, monitor stories, follow the people and paper trail, zoom in on locations, shield your investigation, get more out of your data and produce highly visual stories in the field. Journalism Tools is a popular twitter feed and web platform exploring the newest tools and resources for the next generation of journalists.
Fonts play a crucial role in both User Interface (UI) and User Experience (UX) design. They affect readability, accessibility, aesthetics, and overall user perception.
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
Connect Conference 2022: Passive House - Economic and Environmental Solution...TE Studio
Passive House: The Economic and Environmental Solution for Sustainable Real Estate. Lecture by Tim Eian of TE Studio Passive House Design in November 2022 in Minneapolis.
- The Built Environment
- Let's imagine the perfect building
- The Passive House standard
- Why Passive House targets
- Clean Energy Plans?!
- How does Passive House compare and fit in?
- The business case for Passive House real estate
- Tools to quantify the value of Passive House
- What can I do?
- Resources
2. 2 / 60
Rensselaer Polytechnic Institute (RPI)
BS in Electronic Media, Arts and Communication
New York, USA
Sep 2007 – Dec 2010
Intellidemia
Web Developer
New York, USA
Sep 2010 – Aug 2011
Post Intermedia
New Media Specialist
Bangkok, Thailand
Aug 2011 – Mar 2012
Playable
Interaction Designer
Bangkok, Thailand
Dec 2011 – Sep 2012
Domus Academy
Master of Interaction Design
Milan, Italy
Sep 2012 – Jul 2013
2009 2010 2011 2012 2013
Publication Design User Interface Design
UI Interaction DesignIxDPhotography
NATT PHENJATI
EXPERIENCE
SKILLS
5. 5 / 60
WE ARE OVERLOADED WITH DATA
From the PastFrom the Present
6. 6 / 60
#T
MEET A NEW WAY TO SEDIMENT YOUR DIGITAL READING
Roko is an application that quantifies your reading activities and transforms them into
insightful reports that help you to manage, discover, and share your reading experience.
Video: https://vimeo.com/70564941
7. 7 / 60
126
Articles
Your reading on Flipboard
Technology (34%)
Design (26%)
Photography (21%)
The Extreme ... (9%)
Google+ (8%)
Others (2%)
How Yahoo Killed Flickr and Lost the Internet
You read this article 1 year ago:
103
87
70
58
12
21
1
1
Dubliners
by James Joyce
41 / 172
pages read
24%
10/30 day
Your have been
reading for
46
62
26
60
You read 46 articles this week
You
Sandeep
Average Reader
my Reading world
June 2013
YOU CAN CREATE 6 TYPES OF REPORTS WITH ROKO
Each report has specialized functions that attach to different types of readers.
8. 8 / 60
Compare to how you
read this week to last
week and your goal
Compare to your
friend and the
average reader
Activity Feed
Another visualization
that shows how much
you read each day
9. 9 / 60
Hightlight & Note
from your reading
Overview of your
progress toward
your goal
Where you left off
Daily records
10. 10 / 60
Highlight stories
from each type of
discovery
Reading from
others based on
your interests
Reading from
your past
11. 11 / 60
The buildings
represent things
that you have read
from each source
A teaser to your
report
Popular tags
Popular media
The sizes roughly
represent the
reading quantity
12. 12 / 60
Sediment
what you read
Discover
content
Manage
your behavior
Share
experience
CORE VALUES
With insights from Roko,
you can better ...
Motivate
yourself to read
While not all five values of Roko will be valid for everyone,
there is a value in Roko for every type of digital reader.
14. 14 / 60
OBSERVATION
I began this project through my observation that we have accumulated so many e-books,
but we easily forget about them. Then I did an informal interview and survey to investigate
what prevent people from reading books. The result is shown below.
Don’t have time
Out of sight
Cannot follow
the content
Misc.
14 People
15. 15 / 60
With the observation that I made, I came up with two initial concepts that lie in two
extremes: one is a mobile application and another is a physical object.
README APP
Design for
Emotion
By Aarron Walter
What’s Mine is
Yours
By Rachel Botsman and
Roo Rogers
12 pages left
8 hours left
The Multiplayer
Classroom
By Lee Sheldon
Book: A Futurist’s
Manifesto
By Hugh McGuire and
Brain O’Leary
Seductive
Interaction Design
By Stephen P. Anderson
3 hours left
These Days
By Jack Cheng + Add new book
HYPERBOOKMARK
WHY READ IT
IN A NOVEL
WHEN I CAN
LIVE IT”
“
These Days
by Jack Cheng
Such an ironic
quote. Love it!
Natt Phenjati:
HARRY POTTER
A mobile application that motivates you
read your book through goal-setting
A physical souvenir of your digital
reading experience
INITIAL CONCEPTS
16. 16 / 60
RoKo
Goal for each Source
10 hr
3 hr
3 hr
2 hr
2 hrFacebook
Total
Flipboard
Quartz
nytimes
30%
7 hr
30 min
1.5 hr
4 hr
30%
20%
15%
5%
2 hr
Compare to others >
MY WEEKLY GOAL
NATT PHENJATI
Active Reader
MediaInterests Widgets
44 5 +
ARTICLE SOURCES
63
items
nytimes.com
13
+14%
items
from
last week
Quartz
12
-5%
items
from
last week
Facebook
8
-2%
items
from
last week
3
Flip
+20
MY INTERESTS
60% Design
20% Technology
20% Education
By combining the two initial concepts and the lesson from the workshop, I developed the
first version of Roko. In this version, the core objective of tracking your reading experience
is to motivate you to read more, and everything is displayed in one dashboard.
MERGING CONCEPTS
17. 17 / 60
I used the wireframe that I developed to test with other people. Most of the negative
feedback revolves around using “motivation” as a core objective.
I could pay $10 for this app. I like the time capsule idea.
I don’t want to be told
what to do.
I only need to know what
is important.
If I am already motivated,
why do I need it?
The logo looks like
Marlboro logo
USER TESTING
18. 18 / 60
Emma Karen PaulName
Age 24 27 36
Occupation Graduate Student Painter IT Consultant
Type of reader Casual Active Professional
Reading Amount 3 articles per days 40 articles per days / 4 books per month 20 articles per day / sections of books
Topic
Variety of trendy topics / Topics relating
to her friends
Arts / Philosophy / General Knowledge
/ Novel
Topics relating to projects that he is
working on / Technology / Music
Main Sources Facebook, Flipboard, News Websites Facebook, Web Boards, Blogs Pulse, Linkedin, Twitter, News Website
Main Devices Laptop / iPad Laptop / Books Laptop / iPad / iPhone / eReader
“I do prefer reading than going out.”“I read because I want to be in trend.” “Reading is a part of my job.”
Frustrations
- I hate a page a long text.
- I can easily get distracted.
- I have a problem collecting articles
that I read online.
- Sometimes, I cannot stop reading.
- Multiple devices and platforms make
my life complicated.
- I don’t have time for reflection.
Goals
I want to ...
- Be up to date.
- Read more.
- Find books that is right for me.
I want to ...
- Organize my digital assets.
- Discover deeper information on what
I am reading
I want to ...
- Optimize my time
- Get the most out of what I read
- Not forgetting what I read
Persona
CREATING USER PERSONAS
Using what I learned from the interviews, I develops persona of three different
types of users to use as a guideline for my design process.
19. 19 / 60
FINALIZATION
I used the feedbacks and personas as the guideline to finalize the concept. Then develop
a prototype using a software called Mag+.
21. 21 / 60
VITRO
Zijing Zhang, Natt Phenjati
Emmika Sakonwitthayanon
TACTILE BATTERY CASE
Workshop 5: MORE
Project Leader: Paolo Lorini
Project Assistants:
Stefan Krivokapic, Nima Gazestani
Final Presentation: 22/03/2013
22. 22 / 60
WHAT IF YOUR PHONE CAN MOVE?
VITRO is a new kind of iPhone battery case with a dynamic tactile surface that gives a new
form of communication between iPhone and its owner.
23. 23 / 60
Better than phone vibration. You can easily see the movement of VITRO and
differentiate different types of notifications without the need of the phone’s screen.
SCENARIO
24. 24 / 60
You not only can see but also can touch the movement of VITRO. You can feel it when
you are talking on the phone or when the phone is inside your pocket.
SCENARIO
25. 25 / 60
Attach your iPhone with the case;
then install VITRO app
Select a type of movement for
your VITRO alert
1
Enable VITRO alert for your apps
in Notification Center
2 3
INSTRUCTION
The movement of VITRO is integrated with notification of your phone. You can set different
type of movements for each notification you receive.
26. 26 / 60
Rain Drop Count Down Capital X Snake
MOVEMENT STYLES
27. 27 / 60
iPhone
Processor Battery
0100100
EAP
3 Voltages
Electroactive Polymer (EAP)
Sheets and Printed Circuit
Controller Board
and Connector
Rechargeable Battery
STRUCTURE
Multi-layers Skin
0 Volt
+3 Volt
TECHNOLOGY
29. 29 / 60
The brief is to find a way to help us manage time without using display.
OBSERVATION
Observing that the we always leave our phones on
a table when we work, we wondered how to add
value to the backside of our phones?
“ZEN” (2007) by René Lee
We started by researching about tactile interface
to see the design language and technology behind
inspirations that we found.
30. 30 / 60
source: polysep.ucla.edu
Our biggest challenge was to find a material that can move with a small amount of energy and
consumes minimal space. By talking with a research center, supplier, and scientist, we discover
the right material for our project: Electroactive Polymer (EAP).
MATERIAL RESEARCH
31. 31 / 60
PROTOTYPING
We used multiple way of prototyping to test and refine our concepts, ranging from
sketching, hacking, 3D rendering, to building physical mockups.
32. 32 / 60
RevenueCost
Design & Technical
Know-how
Key Activity:
VITRO
Key Partners: Primary Market:
Key Resources: Channels:
Manufactures &
Research Centers
Tech-savvy
business people
Marketing & Supply
Management
Kickstarter
& Retailers
Case $5
Circuit Board $5
Battery $5
EAP Sheets $25
Packaging $2
Total $42
Distribution $75
Profit Margin $33
Retail Price: $150
BUSINESS ANALYSIS
Fixed Cost ÷ Profit Margin = Break Even
120,000 ÷ 33 = 3,637 Units
33. 33 / 60
FEATURED ON ...
http://www.brit.co/vitro/http://www.tuvie.com/vitro-tactile-battery-case-reacts-to-a-notifications-to-get-users-attention/
Tuvie Brit + Co.
34. 34 / 60
SKILLS APPLIED
Material Research
3D Rendering
Business Analysis
Ideation
36. 36 / 60
INTERACTIVE POP-UP BOOK FOR ALFA ROMEO MITO
Mito Flip is a pop-up book that becomes alive by combining it with an iPad and projector.
Video: http://youtu.be/MeIuNP1-Zzo
37. 37 / 60
USE CASES
MiTo Flip works on 3 levels. It can work as a standalone pop-up book. By inserting an iPad inside,
you can touch and light up MiTo Flip from below. Then by adding a projector, you can trigger the
projector to project an animation onto MiTo Flip by flipping each page.
Standalone
With iPad
With Projector
38. 38 / 60
IPAD IPAD
Connect with iPad
via Aux Input
Plastic sheet Incomplete circuit Complete circuit
Send signal to iPad
When it is opened
When the book is closed
HOW IT WORKS
40. 40 / 60
FINDING INSPIRATIONS
We searched for inspirations and mapped them with the brand images of Alfa Romeo MITO.
41. 41 / 60
CREATING MOCKUPS WITH 3D RENDERS
To be able to communicate clearly and quickly with other people, we used 3D rendering
to create mockups for our ideas.
42. 42 / 60
PHYSICAL PROTOTYPING
To come up with the right shapes of the pop-up books, we had to create numerous
physical prototype and tested them with projection and iPad.
43. 43 / 60
SKILLS APPLIED
Physical Prototyping
Design Research
3D Rendering & Mapping
45. 45 / 60
CONCOURSE
Concourse is a learning management system which uses syllabus as its core.
It is created by Intellidemia, a startup company based in New York.
Demo of Concourse: https://demo.campusconcourse.com/login
46. 46 / 60
Side by side comparison between old and new interface that I designed.
RE-DESIGN THE INTERFACE
My main task was to re-designing the interface of Concourse. The new interface uses
screen space much more efficiently and is easier to navigate and customize.
47. 47 / 60
DESIGN NEW FEATURE
To develop a report system for Concourse, I studied other analytics systems, and
develop wireframes and use cases for the new feature.
49. 49 / 60
//JavaScript Document
$(document).ready(function(){
$(‘.gallery_thumbnails a’).click(function(e){
e.preventDefault();
// set up vars from thumbnail
var photo_caption = $(this).attr(‘title’);
var photo_fullsize = $(this).attr(‘href’);
var photo_preview = photo_fullsize.replace(‘_full-
size’,’_preview’);
$(‘.gallery_caption’).slideUp(500);
$(‘.gallery_preview’).fadeOut(500, function(){
$(‘.gallery_preload_area’).html(‘<img
src=”’+photo_preview+’”/>’);
$(‘.gallery_preload_area img’).
imgpreload(function(){
$(‘.gallery_preview’).html(‘<a
class=”overlaylink” href=”’+photo_fullsize+’” title=”’+photo_
caption+’” style=”background-image:url(‘+photo_pre-
view+’);”></a>’);
$(‘.gallery_caption’).html(‘<p><a
class=”overlaylink zoom” href=”’+photo_fullsize+’”
title=”’+photo_caption+’”>View larger</a></p><p>’+photo_
caption+’</p>’);
$(‘.gallery_preview’).fadeIn(500);
$(‘.gallery_caption’).slideDown(500);
setFancyboxLinks();
POST INTERNATIONAL MEDIA
50. 50 / 60
Sample video: http://youtu.be/5rPRBIed2k4
DEVELOP IPAD MAGAZINES
I worked with their graphic designers to develop iPad magazines using a software called Mag+.
53. 53 / 60
THAI EDUCATION IS CHANGING
Thai government has planned to deploy tablet to every K12 students in Thailand.
The image below comes from a pilot classroom that I visited with the company.
54. 54 / 60
TMS
(Teaching Management System)
Interactive
Classroom
Planet of Knowledge
The number one
pain point: to create
lessons planning
and exams
No interaction
between teachers
and students
Lack of
self-motivation
Preparing for
Class
Teacher
Classroom
Teacher &
Student
Self-Learning
Student
DESIGN NEW ECOSYSTEM
Through interviews and observation, I identified three main issues in Thai education.
Then I design three interconnected systems to address the problem.
55. 55 / 60
SKILLS APPLIED
Research
Interface Design
Ideation