Educare is a final thesis project based on a chosen topic - one that I'm interested in, which in this case is poverty in the developing world. The project must have a problem and the research ought to support an idea or solution to that problem. After careful research, I came up with a design solution that may help alleviate poverty particularly with regards to children in the developing world. My proposed idea is about providing education in a non-traditional manner, powered by volunteers, community leaders, and non-profit organizations.
It's been said many times that education is one of the sure solutions to getting out of poverty. As someone who's seen poor conditions in the developing world, I am also aware the need for education to be priority in those countries.
According to the United Nations, there are over 836 million living in extreme poverty around the world and 7% of those are children.
Based on my research, I found that there are also many people, both local and international, who are willing to help solve this problem but need information and resources.
Educare – a website and a mobile app that helps connect volunteers with community leaders or non-profit organizations in order to promote education related projects in the developing world.
With the help of this website and mobile app, volunteers can search for opportunities, while NGOs and community leaders can post their projects in one location.
You can test drive or demo the prototype version here: https://invis.io/ZA70MWPHG
For a better view of the design process, read this document
This project was based on the “mad” conversation between Alice and the Cheshire Cat in Alice’s Adventures in Wonderland. I chose this story because of its whimsical quality — it allowed me to be more creative with the graphics and type.
The visual theme is inspired from The Grand Budapest Hotel.
Bethany X Ian Alex Mac
Tawny Owls 2 X Benboncan
Swamp at Dusk X MeffyEllis
A Walk in the Forest X Micndom
If you could re-design an interface or interactive system, what would it be?
Air Canada's IFE on the economy flight/
The typical Air Canada aircraft has an In-flight Entertainment (IFE) system that is poorly designed, outdated and slow. While it may have plenty of good content (new films, tv shows, music, etc), trying to navigate on one’s personal screen is far from entertaining — particularly in the economy seats. Air Canada’s IFE interface remain unintuitive and visually old fashioned.
Create a 15 second introduction sequence for a real or fictional film festival. This project needs to be more typographic focussed than purely image based.
Length: 15-seconds (+ 2-seconds of black and a 3-second slate)
Aspect Ratio/Frame size: 19 20×1080 Frame rate: 23.976
Software Used : Adobe After Effects, Photoshop, and Illustrator
Audio: no audio
Chosen Film Festival: TCM Classic Film Festival 2015
Statement: Since the project required a more typographic solution rather than just moving images, I used the famous quotes from The Sound of Music (1965), Roman Holiday (1953), and Disney’s Pinocchio (1940) to play with type. Each quote is accompanied by illustrations that relate to the film and are animated as sequences from one movie to the next. I used the same san serif font all throughout to keep the copy as readable as possible, especially in frames where the text are heavily animated. Since there is no audio, the text had to rely on animation for any areas of emphasis. The pace is based on the speed of reading or singing, as shown in the original movie. To keep the flow moving in a reasonable direction, I used one of the blue dots from the logo and use it as a visual guide. It floats between scenes and directs the eyes where to read next. The dot concludes to show the main logo of the festival at the end of the sequence.
About the Project:
The purpose of this project was to create an advocacy campaign that will help spread awareness about the issue of child poverty in Canada. The message is to be told using information graphics on a printed brochure along with an interactive version for tablet/mobile users.
According to the UNICEF Report Card 10, 14% of Canada’s children live in poverty. This means that 1 in 7 or 967, 000 children live in low-income households. This is a problem given that Canada is considered to be one of the richest nations in the world yet it has children who go to sleep hungry. This makes one ask, what is the government doing about this and how can I help?
Poverty is a worldwide problem that can become overwhelming at times. It is also local to each country whatever their GDP may be. This problem exists even in a country like Canada. Finding a solution to a problem can be initiated through small steps. Creating a brochure might not seem like it will have a significant contribution but truthful messages are powerful. Both print and digital media have been successful in spread awareness in the past and this campaign will not be any different. The more people are aware, the more help can be generated and therefore reduce and eventually solve the problem of child poverty in this country.
The first step for this project was finding a cause that I felt strongly about, in this case, child poverty. After choosing this topic, researching different statistics and information was the next challenge.
One of the challenges in creating this brochure was narrowing down what content to add on paper. There were many information available but to achieve a sensible and cohesive infographic piece, other unnecessary content had to be removed. Since this project relies on quick facts to capture the audience’s attention, it needed to be visually set apart from other advocacy pieces that are already out in the market. By set apart, it meant that rather than using typical photography, original illustrations and custom colour choices had to be made.
The other challenge of this project was creating the interactive piece using Adobe’s Digital Publishing Suite. Learning DPS while designing in tablet format required extra time, effort and patience. Since this project lived on a digital device, it was necessary that some elements would be interactive to add visual interest. It was very tempting to add extra animations but because of the nature of this advocacy and without loosing its main message, I had to keep the animations as simple as possible.
The goal of this project is to design an app for a specific device based on a given topic and industry. The topic we chose was environment, creating an app for park rangers in Canada and the device we chose was an iPad mini. This project focusses on planning, research, and designing an app interface as a team.
- Initial sketches of the flowcharts and wireframes
- Update flowcharts based on group discussion
- Create b/w digital wireframe
- Update wireframe with the brand assets
- Finalize app design / screen flow based on group discussion user testing.
- Create an ad cover for presentation
Tools: Illustrator, Photoshop, Keynote
Co-creators: Chandler Gauthier, Lina Pardo Jamie Chang
Group website: http://chandlergauthier3.wix.com/rangeapp
Challenge: This information graphic is about visualizing data consumed throughout a two week period.
Subject: Fuel/gasoline consumption as it relates to distance travelled on a two week study
1) Tracked consumed gasoline and distance travelled from January 26 to February 8, 2014.
2) Researched other data/statistics that relate to chosen subject of cosumption such as the current and previous fuel prices, countries who uses the most gaso- line, the distance commuters travel on a daily or annual basis, etc.
3) Research visual inspirations.
4) Design and incorporate consumed and found data.
Tools: Illustrator, Photoshop
Note: This is a project created for Information Design class.
Objective: The purpose of this project was to present a visualized data of a chosen location.
Solution: For my design, I chose Toronto West, particulary in South Etobicoke to research any linked systems in the area. By walking and driving through this community, I listed the many establishments and services that were present and linked them by categories. Each category is assigned a colour. Whatever a category an establishment falls under, they will be counted in numbers through the size of the circles. In this infographic, it shows that there are many places to eat north and south of Lakeshore Blvd.
Tools: Illustrator, Photoshop
Note: This is a project created for Information Design class.
Client: To be Young and Free Ministry
To Be Young and Free is an annual Christian youth conference. For the 2014 event, I created a responsive website that gives the basic information of the event. This site is part of the marketing for this event which is also serves as another extension to its promotion. The event is mainly promoted via print materials and social media. This website is for those who do not have access to Facebook, twitter, or instagram.
About: The goal of this project was to re-design a book cover from any of the classic literatures. The challenge was to design both a printed and an electronic version focusing. One of the design elements that most be included is the use of hand-lettering or custom typography.
Solution: The idea for this design was inspired by my visits to Starbucks to read books or do my homework. I’ve always liked their hand-drawn signs and graphics. So for this project, I integrated hand-lettering on the main cover and chapter headings in the book. I chose the classic Pride and Prejudice by Jane Austen to redesign so it can look modern and more attractive to the new generation of readers. I tried using my own hand-writing and mimic other ones to get a sense of the visual direction. As a contrasting typeface, I used Gotham to keep the title clean and easier to read. I also illustrated a victorian silhoutte suggesting the time and place of the story. The silhouette and the quote serves as the main graphic for book. The combination of the victorian icon and modern elements gives the book a more current look.
The goal of this project was to photograph a scene, a Tableau vivant, of a specific subject or era. For this project, I started thinking about recreating a scene, like in the movies, of young people interacting during the 1950s-1960s.
These photographs tell a story of 3 young women, enjoying a nice afternoon at a cafe. Each character has a personality based on the way they dress, their facial expressions, and the way they hold the objects.
Project Info: Object based Narration - Story Telling
For this project, I decided to use a lego piece as my main object for the story and called this movie “Blocked”, playing on the word block as in the Lego block system. The reason I chose this particular object is because I’ve always liked the purpose of this invention and because of that purpose, I was able to use it as a basis for the narrative.
In this story, the main character is a unique lego piece that doesn’t look like any ordinary Lego shape. Because of its unusual shape, it doesn’t know where it belongs or where to place itself in a world full of blocks. The traditional legos are often square or rectangular and have straight corners. However, the Lego character in this movie is an anomaly. Its shape is half a square and half a triangle. In a normal brick system, the useful pieces are often the ones with the 4 straight corners or blocks. That is basically the dilemma this main character has. How does a triangular lego fit in the world of square and rectangles? Where does it fit in? In order to find its fit and purpose, the unique lego inquires from other lego robots for help in order to find where its supposed to belong. After much search, the unique lego loses hope until that time when a robot came by limping. It turns out that this robot was missing its left foot and was searching for it so that it can walk properly. The limping robot then sees the triangular lego. It turns out, this unique lego actually belonged to the robot’s left foot. This robot required both the left and right triangular legos to walk and to dance properly.
The message here is that no matter who you are, whatever shape size, or form, we all belong to something or someone and that our existence has a purpose.
Formal Approach & Process: The object and the narrative required a more playful, child like visual approach. Because the object is a lego, a popular toy for children, I wanted to keep its playfulness as if a child was actually playing with it. To keep the theme consistent with the scenes, I enlisted the help of some children to build me the supporting characters such as the friendly robots. The reason for that is to prevent me, an adult, to complicate the look of the characters. Children are very good at building from imagination so I thought about using their help. Based on the robots that were given to me, I built the environment and other suspended objects on the base. I kept the environment simple yet colourful.
Since the visuals are very child-like, I thought that stop-motion animation would be the best way of producing this movie. In order to do that. I built a scene that will remain constant throughout the length of the movie while the main characters and important elements are moving within it.
To keep the animation smooth between the frames, I attached my DLSR camera to a small tripod and taped it in the table, pointing the lens towards the scene in a 30 degree angle.
Lighting and Framing: The entire scene was shot in room with fluorescent lighting to keep the scene as bright and colourful as possible. To prevent the entire composition to become busy with too much colours, I used a white cardboard behind the objects as a neutral background. I also made sure that the only important characters were focussed on the lens during the progression of the story. After testing on camera, I zoomed in to make sure that the framing on the screen was just right.
Challenges Encountered In the Process
There were many challenges in producing this stop-motion animated movie.
- Continuous shots/photographs of each scene for every movement
- It was hard to keep the scene and other elements on the same angle and position. Both the scene and camera gets moved accidentally.
- In order to keep each shot consistent and on the same angle and reference point, each photograph had to be edited in photoshop.
- There were over 1000 photos shots in a span of 3 hours including test shots. Only 700 made it to the final edits.
- Arranging the scene, directing, and going behind the camera was challenging. Continuity became an issue during the shots.
- This was my Plan B for the project after realizing Plan A wasn’t such a great idea after all.
Despite the challenges. I thought this was one of my favourite projects. I am satisfied over all with the outcome.
See the creative process in pictures.
This project is about visually explaining the steps to ordering a specialty drink at Starbucks. Alot of people that I know, including myself, often have a hard time cutomizing a drink. It can get confusing once you start changing what's on the menu. It is a bit intimidating especially when there is a huge line behind you, and being a considerate person, you settle for the tall mild/medium/bold. After doing some research and interviews of Starbucks employees, I came up with this infographic.
Note: This infographic was a part of a series of Information Design projects from YSDN.
About this project: The purpose of this project was to learn how to organize information using random objects and present them on a website.
In the beginning of the process, we were assigned to photograph random objects which were provided by the instructor. After all the objects were shot, the students were challenged to come up with ways to organize these items.
For my solution, I started organized the given objects by various categories and then narrowed them by function and materials. To help me make sense of the situation, I decided to come up with a story just to guide me into the theme and the way I can present the objects in an organized manner. I came up with a fictional character of a woman who is reminiscing her childhood by looking at a collection of things found in her old home. I titled the website, “The Story of These Things”.