http://www.ratnakvann.com Ratnak Vann - Provisional R.G.D - Communication Designer Sun, 22 Jan 2012 01:19:54 +0000 http://www.ratnakvann.com en http://ratnakvann.com/Experimental-Typography http://ratnakvann.com/following/ratnakvann.com/Experimental-Typography Sun, 22 Jan 2012 01:19:54 +0000 Ratnak Vann - Provisional R.G.D - Communication Designer 576885 5enses of Ice Cream! (Experimental Typography Stop Motion) from Ratnak Vann on Vimeo.<img src="http://payload.cargocollective.com/1/1/48411/576885/imagine.jpg" border="0" width="670" height="669" width_o="756" height_o="756" src_o="http://payload.cargocollective.com/1/1/48411/576885/imagine_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/576885/Monkay.jpg" border="0" width="612" height="792" width_o="612" height_o="792" src_o="http://payload.cargocollective.com/1/1/48411/576885/Monkay_o.jpg" align="left" /> http://ratnakvann.com/Typographic-Flip-Book http://ratnakvann.com/following/ratnakvann.com/Typographic-Flip-Book Sun, 22 Jan 2012 01:19:52 +0000 Ratnak Vann - Provisional R.G.D - Communication Designer 576780 <img src="http://payload.cargocollective.com/1/1/48411/576780/IMG_5663.jpg" border="0" width="500" height="348" width_o="500" height_o="348" src_o="http://payload.cargocollective.com/1/1/48411/576780/IMG_5663_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/576780/IMG_5666.jpg" border="0" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/1/48411/576780/IMG_5666_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/576780/IMG_5667.jpg" border="0" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/1/48411/576780/IMG_5667_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/576780/IMG_5670.jpg" border="0" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/1/48411/576780/IMG_5670_o.jpg" align="left" /> http://ratnakvann.com/Teas-Emporium http://ratnakvann.com/following/ratnakvann.com/Teas-Emporium Sun, 22 Jan 2012 01:19:48 +0000 Ratnak Vann - Provisional R.G.D - Communication Designer 651685 <img src="http://payload.cargocollective.com/1/1/48411/651685/TEALOGO2.jpg" border="0" width="468" height="442" width_o="468" height_o="442" src_o="http://payload.cargocollective.com/1/1/48411/651685/TEALOGO2_o.jpg" align="left" /> http://ratnakvann.com/Solistics http://ratnakvann.com/following/ratnakvann.com/Solistics Mon, 23 Aug 2010 07:38:21 +0000 Ratnak Vann - Provisional R.G.D - Communication Designer 585735 <img src="http://payload.cargocollective.com/1/1/48411/585735/le.jpg" border="0" width="555" height="126" width_o="555" height_o="126" src_o="http://payload.cargocollective.com/1/1/48411/585735/le_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/585735/coveer.jpg" border="0" width="612" height="792" width_o="612" height_o="792" src_o="http://payload.cargocollective.com/1/1/48411/585735/coveer_o.jpg" align="left" /> http://ratnakvann.com/Toronto-Zoo http://ratnakvann.com/following/ratnakvann.com/Toronto-Zoo Fri, 20 Aug 2010 04:04:38 +0000 Ratnak Vann - Provisional R.G.D - Communication Designer 580567 <img src="http://payload.cargocollective.com/1/1/48411/580567/FinalZooProjectDone.jpg" border="0" width="670" height="433" width_o="2048" height_o="1325" src_o="http://payload.cargocollective.com/1/1/48411/580567/FinalZooProjectDone_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/580567/FinalZooProjectDone2.jpg" border="0" width="670" height="433" width_o="2048" height_o="1325" src_o="http://payload.cargocollective.com/1/1/48411/580567/FinalZooProjectDone2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/580567/FinalZooProjectDone3.jpg" border="0" width="670" height="433" width_o="2048" height_o="1325" src_o="http://payload.cargocollective.com/1/1/48411/580567/FinalZooProjectDone3_o.jpg" align="left" /> http://ratnakvann.com/howeyesee-ca-Thesis-Project http://ratnakvann.com/following/ratnakvann.com/howeyesee-ca-Thesis-Project Wed, 18 Aug 2010 18:55:27 +0000 Ratnak Vann - Provisional R.G.D - Communication Designer 577047 <img src="http://payload.cargocollective.com/1/1/48411/577047/how.jpg" border="0" width="392" height="116" width_o="392" height_o="116" src_o="http://payload.cargocollective.com/1/1/48411/577047/how_o.jpg" align="left" /> Design Proposal The intent of my independent study project design thesis is to educate and promote the awareness of colour blindness and how it impacts the individuals of society. I intend to share my knowledge and personal experiences on this condition by targeting colour blind high school students and providing them with accessible information about colour blindness and careers. In detailed, this will be achieved through design and production of a series of posters, a brochure, and an informative website with an online community forum. Main Issue Colour vision deficiency can sometimes go unnoticed and it can be mild to detect. It can be a traumatic experience to later find out that your desired future career was shot down because of your colour vision deficiency. From a colour blind student perspective, brochures, posters, and informative websites to a student demographic were not easily accessible nor available in schools and libraries. There are a few websites that explain what the conditions are, but they do not provide a section on how it would affect your education and your future desired careers. Why don’t we have the information available in high schools? Well the answer is, most teachers, parents, and peers are unaware of this condition. By implementing posters and brochures in schools and libraries, students, parents, and teachers will have a chance to learn more about colour vision deficiency. Design Process Brain Storming The initial process stage involves getting down to the root of the issue and figuring out what needs to be addressed and how. I figured that the more clearly you see the details, the easier it will become to develop a way to execute the overall concept. The questions I’ve asked my self are: What is colour blindness? Who are we targeting? What is the purpose? How will it be delivered and executed? <img src="http://payload.cargocollective.com/1/1/48411/577047/IMG_6283.jpg" border="0" width="670" height="446" width_o="2048" height_o="1365" src_o="http://payload.cargocollective.com/1/1/48411/577047/IMG_6283_o.jpg" align="left" /> Naming Stage During the naming process, I found it really difficult to come up with something that was meaningful, distinctive, future-oriented, positive, visual, fun and creative. I started to list some a bunch of random words related to colour blindness and what I wanted to address. I eventually ended up with “how eye see”. The name for my organization began to spark a whole bunch of ideas and it started to mould as I went on to the other stages of development. <img src="http://payload.cargocollective.com/1/1/48411/577047/IMG_6278.jpg" border="0" width="670" height="446" width_o="2048" height_o="1365" src_o="http://payload.cargocollective.com/1/1/48411/577047/IMG_6278_o.jpg" align="left" /> Logo Idea Development The logo I wanted to design had to reflect my overall look and feel of my thesis project. I wanted to create something simple and contemporary modern without having to depend too much on cliché images. I sketched out different ways of using the name of my brand and I find that wordmarks work really well. This process was very difficult because of length of the name. I tried positioning symbols above and beside the name and nothing worked. I explored with different typefaces and colours to give the brand some personality. I eventually found something that would work and look appealing to my target audience. <img src="http://payload.cargocollective.com/1/1/48411/577047/IMG_6284.jpg" border="0" width="670" height="446" width_o="2048" height_o="1365" src_o="http://payload.cargocollective.com/1/1/48411/577047/IMG_6284_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577047/logodevelopment.jpg" border="0" width="670" height="414" width_o="1967" height_o="1217" src_o="http://payload.cargocollective.com/1/1/48411/577047/logodevelopment_o.jpg" align="left" /> Poster concepts The poster concepts were the result of brain storming, creative experimenting, and learning how to engage the target audience. The idea was to catch their attention with interesting images and make them participate with the poster. The purpose of making these posters becomes the key method of getting the target audience to visit the website and learn more about colour blindness. This was one of the hardest processes to go through because of all the different designs, layouts, and refinements. <img src="http://payload.cargocollective.com/1/1/48411/577047/IMG_6289.jpg" border="0" width="670" height="446" width_o="2048" height_o="1365" src_o="http://payload.cargocollective.com/1/1/48411/577047/IMG_6289_o.jpg" align="left" /> {image 1}<img src="http://payload.cargocollective.com/1/1/48411/577047/FINAL POSTERS4.jpg" border="0" width="400" height="618" width_o="400" height_o="618" src_o="http://payload.cargocollective.com/1/1/48411/577047/FINAL POSTERS4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577047/FINAL POSTERS2.jpg" border="0" width="400" height="618" width_o="400" height_o="618" src_o="http://payload.cargocollective.com/1/1/48411/577047/FINAL POSTERS2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577047/FINAL POSTERS3.jpg" border="0" width="400" height="618" width_o="400" height_o="618" src_o="http://payload.cargocollective.com/1/1/48411/577047/FINAL POSTERS3_o.jpg" align="left" /> Web Development My main deliverable for this thesis project is a website because it provides all the important information and as well as the online community forum feature. I’ve chosen to make a website based on demographic and target audience. Students in this generation are more likely to visit a website rather than reading an information booklet. Because of the convenience of the Internet, we are able to search for any specific information with a mouse click away. Communication and information sharing can be viral and effective. Websites such as YouTube, Facebook, and Twitter allows people to connect and share information instantaneously. There are lots of websites that provide information. Most of them are poorly designed. I decided to make the website look clean, simple, and contemporary. In this process, I learned to work with site mapping, and wireframes to layout my content. <img src="http://payload.cargocollective.com/1/1/48411/577047/IMG_6326.jpg" border="0" width="670" height="446" width_o="2048" height_o="1365" src_o="http://payload.cargocollective.com/1/1/48411/577047/IMG_6326_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577047/_1.jpg" border="0" width="609" height="434" width_o="609" height_o="434" src_o="http://payload.cargocollective.com/1/1/48411/577047/_1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577047/web_Page_2.jpg" border="0" width="609" height="434" width_o="609" height_o="434" src_o="http://payload.cargocollective.com/1/1/48411/577047/web_Page_2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577047/web_Page_3.jpg" border="0" width="609" height="434" width_o="609" height_o="434" src_o="http://payload.cargocollective.com/1/1/48411/577047/web_Page_3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577047/web_Page_4.jpg" border="0" width="609" height="434" width_o="609" height_o="434" src_o="http://payload.cargocollective.com/1/1/48411/577047/web_Page_4_o.jpg" align="left" /> Icon Design <img src="http://payload.cargocollective.com/1/1/48411/577047/icon.jpg" border="0" width="609" height="159" width_o="609" height_o="159" src_o="http://payload.cargocollective.com/1/1/48411/577047/icon_o.jpg" align="left" /> Brochure Design <img src="http://payload.cargocollective.com/1/1/48411/577047/IMG_6350.jpg" border="0" width="670" height="446" width_o="2048" height_o="1364" src_o="http://payload.cargocollective.com/1/1/48411/577047/IMG_6350_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577047/IMG_6353.jpg" border="0" width="670" height="446" width_o="2048" height_o="1365" src_o="http://payload.cargocollective.com/1/1/48411/577047/IMG_6353_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577047/6359.jpg" border="0" width="670" height="446" width_o="2048" height_o="1365" src_o="http://payload.cargocollective.com/1/1/48411/577047/6359_o.jpg" align="left" /> http://ratnakvann.com/High-Park-Project-In-Progress http://ratnakvann.com/following/ratnakvann.com/High-Park-Project-In-Progress Wed, 18 Aug 2010 18:46:56 +0000 Ratnak Vann - Provisional R.G.D - Communication Designer 577026 Proposed High Park Not-for-Profit Branding <img src="http://payload.cargocollective.com/1/1/48411/577026/highparklogo.jpg" border="0" width="512" height="278" width_o="512" height_o="278" src_o="http://payload.cargocollective.com/1/1/48411/577026/highparklogo_o.jpg" align="left" /> What is the objective? The objective of this project is to create a recognizable identity to represent High Park as Toronto's very own urban park. In comparison to New York's Central Park, this new identity will attract all types of visitors and make it a popular place to visit. In order to move forward with the branding of High Park, there must be a complete make over in the areas of brand identity, print, way finding program, and web design. What is missing in the area of study? - High Park does not currently have an official sophisticated modern logo - No promotional pieces to promote the park as a tourist attraction - No print pieces to provide information on events and news (ex. Newsletters, brochures, magazines and etc.) - Poorly designed website - Out dated way finding program Target audience(who are we designing it for?) - Parents, Children, Educators, Tourists, City, Enthusiasts (ex. photographers, fishermen, sports, exercise & recreation, bird watchers and etc. Design Process <img src="http://payload.cargocollective.com/1/1/48411/577026/IMG_1332.jpg" border="0" width="670" height="446" width_o="2048" height_o="1365" src_o="http://payload.cargocollective.com/1/1/48411/577026/IMG_1332_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577026/IMG_1331.jpg" border="0" width="670" height="446" width_o="2048" height_o="1365" src_o="http://payload.cargocollective.com/1/1/48411/577026/IMG_1331_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577026/IMG_1330.jpg" border="0" width="670" height="446" width_o="2048" height_o="1365" src_o="http://payload.cargocollective.com/1/1/48411/577026/IMG_1330_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577026/IMG_1329.jpg" border="0" width="670" height="446" width_o="2048" height_o="1365" src_o="http://payload.cargocollective.com/1/1/48411/577026/IMG_1329_o.jpg" align="left" /> Magazine 8.5" x 11" (Photography by Ratnak Vann) <img src="http://payload.cargocollective.com/1/1/48411/577026/magazinecover3.jpg" border="0" width="670" height="867" width_o="2048" height_o="2650" src_o="http://payload.cargocollective.com/1/1/48411/577026/magazinecover3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577026/mag2.jpg" border="0" width="670" height="433" width_o="2048" height_o="1325" src_o="http://payload.cargocollective.com/1/1/48411/577026/mag2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577026/magazinead_1.jpg" border="0" width="670" height="867" width_o="2048" height_o="2650" src_o="http://payload.cargocollective.com/1/1/48411/577026/magazinead_1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577026/magazinead_2.jpg" border="0" width="670" height="867" width_o="2048" height_o="2650" src_o="http://payload.cargocollective.com/1/1/48411/577026/magazinead_2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/577026/magazinead3.jpg" border="0" width="670" height="867" width_o="2048" height_o="2650" src_o="http://payload.cargocollective.com/1/1/48411/577026/magazinead3_o.jpg" align="left" /> http://ratnakvann.com/Capture-Toronto http://ratnakvann.com/following/ratnakvann.com/Capture-Toronto Wed, 18 Aug 2010 18:18:43 +0000 Ratnak Vann - Provisional R.G.D - Communication Designer 576941 <img src="http://payload.cargocollective.com/1/1/48411/576941/cover.jpg" border="0" width="670" height="428" width_o="2048" height_o="1309" src_o="http://payload.cargocollective.com/1/1/48411/576941/cover_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/576941/content.jpg" border="0" width="670" height="430" width_o="2048" height_o="1316" src_o="http://payload.cargocollective.com/1/1/48411/576941/content_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/576941/how.jpg" border="0" width="670" height="428" width_o="2048" height_o="1309" src_o="http://payload.cargocollective.com/1/1/48411/576941/how_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/576941/east.jpg" border="0" width="670" height="429" width_o="2048" height_o="1312" src_o="http://payload.cargocollective.com/1/1/48411/576941/east_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/576941/st.jpg" border="0" width="670" height="856" width_o="2048" height_o="2616" src_o="http://payload.cargocollective.com/1/1/48411/576941/st_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/576941/d.jpg" border="0" width="670" height="856" width_o="2048" height_o="2616" src_o="http://payload.cargocollective.com/1/1/48411/576941/d_o.jpg" align="left" /> http://ratnakvann.com/Daily-Bread-Food-Bank-Annual http://ratnakvann.com/following/ratnakvann.com/Daily-Bread-Food-Bank-Annual Wed, 18 Aug 2010 17:15:46 +0000 Ratnak Vann - Provisional R.G.D - Communication Designer 576807 <img src="http://payload.cargocollective.com/1/1/48411/576807/MockUp1.jpg" border="0" width="670" height="430" width_o="2048" height_o="1316" src_o="http://payload.cargocollective.com/1/1/48411/576807/MockUp1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/576807/2.jpg" border="0" width="670" height="430" width_o="2048" height_o="1316" src_o="http://payload.cargocollective.com/1/1/48411/576807/2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/576807/MockUp5.jpg" border="0" width="670" height="430" width_o="2048" height_o="1316" src_o="http://payload.cargocollective.com/1/1/48411/576807/MockUp5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/576807/MockUp6.jpg" border="0" width="670" height="430" width_o="2048" height_o="1316" src_o="http://payload.cargocollective.com/1/1/48411/576807/MockUp6_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/48411/576807/12-13.jpg" border="0" width="670" height="430" width_o="2048" height_o="1316" src_o="http://payload.cargocollective.com/1/1/48411/576807/12-13_o.jpg" align="left" /> http://ratnakvann.com/Directions http://ratnakvann.com/following/ratnakvann.com/Directions Wed, 18 Aug 2010 16:50:33 +0000 Ratnak Vann - Provisional R.G.D - Communication Designer 576739 <img src="http://payload.cargocollective.com/1/1/48411/576739/direction.jpg" border="0" width="670" height="357" width_o="874" height_o="467" src_o="http://payload.cargocollective.com/1/1/48411/576739/direction_o.jpg" align="left" />