http://work.sefsar.com The online portfolio of Youssef Sarhan Wed, 08 Feb 2012 17:16:32 +0000 http://work.sefsar.com en http://work.sefsar.com/Implement-this http://work.sefsar.com/following/work.sefsar.com/Implement-this Wed, 08 Feb 2012 17:16:32 +0000 The online portfolio of Youssef Sarhan 2769586 <img src="http://payload23.cargocollective.com/1/2/94235/2769586/yozuck.jpg" border="0" width="670" height="400" width_o="670" height_o="400" src_o="http://payload23.cargocollective.com/1/2/94235/2769586/yozuck_o.jpg" align="left" /> <img src="http://payload23.cargocollective.com/1/2/94235/2769586/4.png" border="0" width="670" height="380" width_o="692" height_o="393" src_o="http://payload23.cargocollective.com/1/2/94235/2769586/4_o.png" align="left" /> <img src="http://payload23.cargocollective.com/1/2/94235/2769586/1.jpg" border="0" width="670" height="532" width_o="700" height_o="556" src_o="http://payload23.cargocollective.com/1/2/94235/2769586/1_o.jpg" align="left" /> <img src="http://payload23.cargocollective.com/1/2/94235/2769586/2.jpg" border="0" width="670" height="925" width_o="700" height_o="967" src_o="http://payload23.cargocollective.com/1/2/94235/2769586/2_o.jpg" align="left" /> I created 'Yo Zuck! Implement this' as a sort of online notebook of ideas. It was my way of expressing ideas that I felt could improve Facebook's user experience. Many of the ideas grew from frustration and curiosity. My ideas resonated with users and Facebook employees alike, even Mark Zuckerberg took notice, apparently saying it was 'cool'. After a few days, I was interviewed by many of the most read technology outlets. Want Facebook To Be Better? So Did 'YoZuck!' Creator Youssef Sarhan — TechCrunch 10 Smart Features This Kid Thought Of (And Got Facebook's Attention) on Business Insider “Yo Zuck” Tumblr Gets Facebook’s Attention on BetaBeat New blog cooks up dream Facebook features on CNET Since last may, 7 of the suggestions I posted have been implemented. While I can't claim total ownership over the ideas I think it's telling of my ability to understand user experience. In addition, I had numerous Facebook employees reaching out to me to agree with my ideas and acknowledged my aptitude for comprehensively understanding their product, especially as an outsider. Among many other experiments, I conducted regular tests based on the relevancy of News Feed content to garner a better understanding of the problems users face. <img src="http://payload23.cargocollective.com/1/2/94235/2769586/rt copy.png" border="0" width="500" height="357" width_o="500" height_o="357" src_o="http://payload23.cargocollective.com/1/2/94235/2769586/rt copy_o.png" align="left" /> After years of using Twitter, I felt I could created a similar blog full of suggestions. Many of suggestions have been met with agreement and I believe further illustrate my ability to understand user needs. <img src="http://payload23.cargocollective.com/1/2/94235/2769586/yodick1.png" border="0" width="500" height="388" width_o="500" height_o="388" src_o="http://payload23.cargocollective.com/1/2/94235/2769586/yodick1_o.png" align="left" /> http://work.sefsar.com/Motion-Reel-2012 http://work.sefsar.com/following/work.sefsar.com/Motion-Reel-2012 Sun, 05 Feb 2012 18:41:45 +0000 The online portfolio of Youssef Sarhan 1245279 In my spare time, I like to keep my animation skills in check. A huge part of a successful animation is clear storytelling, and I feel in some ways this is closely related to interaction design. My motion reel features a range of work combining client and personal projects. Client List: Interscope-Geffen-A&M Records (Eminem, P. Diddy, Black Eyed Peas), National Association of Federal Credit Unions, Savant Wear, URBN Travel, amongst others. Turn the sound up and go fullscreen. http://work.sefsar.com/The-Irish-Times http://work.sefsar.com/following/work.sefsar.com/The-Irish-Times Sun, 05 Feb 2012 18:41:43 +0000 The online portfolio of Youssef Sarhan 1200672 <img src="http://payload.cargocollective.com/1/2/94235/1200672/IT_Inside_5.png" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1200672/IT_Inside_5_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1200672/IT_Inside_3.png" border="0" width="670" height="956" width_o="670" height_o="956" src_o="http://payload.cargocollective.com/1/2/94235/1200672/IT_Inside_3_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1200672/IT_Inside_1.png" border="0" width="670" height="956" width_o="670" height_o="956" src_o="http://payload.cargocollective.com/1/2/94235/1200672/IT_Inside_1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1200672/IT_Close.jpg" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1200672/IT_Close_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1200672/IT_Inside_6.png" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1200672/IT_Inside_6_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1200672/IT_Photo_5.png" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1200672/IT_Photo_5_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1200672/IT_Photo_4.png" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1200672/IT_Photo_4_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1200672/IT_Photo_3.png" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1200672/IT_Photo_3_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1200672/IT_Photo_2.png" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1200672/IT_Photo_2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1200672/IT_Photo_1.png" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1200672/IT_Photo_1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1200672/IT_Phone.png" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1200672/IT_Phone_o.png" align="left" /> The Irish Times is widely considered the daily newspaper of record in Ireland. A respected publication, it offers a text-heavy analysis on current national and international events. However, over the years the reading experience had deteriorated. This project aimed to refresh the content, through a comprehensive redesign of the reading experience. Using rich infographics, strong vertical rhythm and legible typography, the reader now feels a greater sense of informative story-telling, which had become jaded over the years. A natural progression of this project would be to further explore digital media such as desktop, mobile and tablet experiences. <img src="http://payload.cargocollective.com/1/2/94235/1200672/irishtimes.png" border="0" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/2/94235/1200672/irishtimes_o.png" align="left" /> Before (Left) After (Right) <img src="http://payload.cargocollective.com/1/2/94235/1200672/hardlight.png" border="0" width="500" height="337" width_o="500" height_o="337" src_o="http://payload.cargocollective.com/1/2/94235/1200672/hardlight_o.png" align="left" /> The reading experience is more manageable with the smaller, 'Berliner' format http://work.sefsar.com/Discover-Dublin http://work.sefsar.com/following/work.sefsar.com/Discover-Dublin Sun, 05 Feb 2012 18:41:42 +0000 The online portfolio of Youssef Sarhan 1205431 <img src="http://payload.cargocollective.com/1/2/94235/1205431/DD_Signs1.jpg" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1205431/DD_Signs1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1205431/DD_close.jpg" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1205431/DD_close_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1205431/DD_Sign3.jpg" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1205431/DD_Sign3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1205431/DD_Handheld.jpg" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1205431/DD_Handheld_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1205431/DD_Sign_g.jpg" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1205431/DD_Sign_g_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1205431/DD_Sign2_g.jpg" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1205431/DD_Sign2_g_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1205431/DD_finger.jpg" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1205431/DD_finger_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1205431/DD_Logo_iPhone_g.jpg" border="0" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/2/94235/1205431/DD_Logo_iPhone_g_o.jpg" align="left" /> I believe that knowing where you are is an important prerequisite for knowing where you want to be. It is estimated that 80% of those living and working within Dublin city center use walking as their primary mode of transport; in addition, Dublin City caters for an average of four million overseas visitors each year. It is the aim of Discover Dublin to provide the inhabitants and visitors of Dublin City with a clear and useful tool. A tool to understand where they are, so that they can better decide where they want to be. <img src="http://payload.cargocollective.com/1/2/94235/1205431/research2.png" border="0" width="500" height="290" width_o="500" height_o="290" src_o="http://payload.cargocollective.com/1/2/94235/1205431/research2_o.png" align="left" /> Thesis on the potential problems, design and experience of large scale information systems http://work.sefsar.com/pTools-Brand http://work.sefsar.com/following/work.sefsar.com/pTools-Brand Mon, 30 Jan 2012 02:59:36 +0000 The online portfolio of Youssef Sarhan 1243512 <img src="http://payload.cargocollective.com/1/2/94235/1243512/670_2.png" border="0" width="670" height="400" width_o="670" height_o="400" src_o="http://payload.cargocollective.com/1/2/94235/1243512/670_2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1243512/ptools.png" border="0" width="670" height="1048" width_o="670" height_o="1048" src_o="http://payload.cargocollective.com/1/2/94235/1243512/ptools_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1243512/system6launchpage.png" border="0" width="670" height="1116" width_o="670" height_o="1116" src_o="http://payload.cargocollective.com/1/2/94235/1243512/system6launchpage_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1243512/book.png" border="0" width="670" height="400" width_o="670" height_o="400" src_o="http://payload.cargocollective.com/1/2/94235/1243512/book_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1243512/grid.png" border="0" width="670" height="400" width_o="670" height_o="400" src_o="http://payload.cargocollective.com/1/2/94235/1243512/grid_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1243512/grid2.png" border="0" width="670" height="400" width_o="670" height_o="400" src_o="http://payload.cargocollective.com/1/2/94235/1243512/grid2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1243512/grid3.png" border="0" width="670" height="400" width_o="670" height_o="400" src_o="http://payload.cargocollective.com/1/2/94235/1243512/grid3_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/2/94235/1243512/icons.png" border="0" width="670" height="400" width_o="670" height_o="400" src_o="http://payload.cargocollective.com/1/2/94235/1243512/icons_o.png" align="left" /> As the development of pTools System6 progressed, the need for an entire rebrand became a high priority. Much like the content management software, the pTools website and communication material had become stuck in a by-gone era; many of the decisions made in 1999 were no longer appropriate to the target market over a decade later. ProcessI discussed objectives with the marketing division of the company to create a brand experience that was consistent across all points of contact. Regularly communicating details about the redesign (dimensions, colors, fonts) to engineers was important throughout. <img src="http://payload.cargocollective.com/1/2/94235/1243512/hm.png" border="0" width="500" height="247" width_o="500" height_o="247" src_o="http://payload.cargocollective.com/1/2/94235/1243512/hm_o.png" align="left" /> CultureThe culture of a company or office plays an important role in the success of its product. When I joined pTools there was a distinct absence of social interaction between some employees. In an effort to revitalize the office environment, we designed new floor plans. http://work.sefsar.com/pTools-CMS http://work.sefsar.com/following/work.sefsar.com/pTools-CMS Sat, 28 Jan 2012 21:39:10 +0000 The online portfolio of Youssef Sarhan 2695519 <img src="http://payload19.cargocollective.com/1/2/94235/2695519/cmsscreen.png" border="0" width="670" height="400" width_o="670" height_o="400" src_o="http://payload19.cargocollective.com/1/2/94235/2695519/cmsscreen_o.png" align="left" /> <img src="http://payload19.cargocollective.com/1/2/94235/2695519/670_3.png" border="0" width="670" height="400" width_o="670" height_o="400" src_o="http://payload19.cargocollective.com/1/2/94235/2695519/670_3_o.png" align="left" /> <img src="http://payload19.cargocollective.com/1/2/94235/2695519/670_4.png" border="0" width="670" height="400" width_o="670" height_o="400" src_o="http://payload19.cargocollective.com/1/2/94235/2695519/670_4_o.png" align="left" /> <img src="http://payload19.cargocollective.com/1/2/94235/2695519/670_1.png" border="0" width="670" height="400" width_o="670" height_o="400" src_o="http://payload19.cargocollective.com/1/2/94235/2695519/670_1_o.png" align="left" /> <img src="http://payload19.cargocollective.com/1/2/94235/2695519/670_2.png" border="0" width="670" height="400" width_o="670" height_o="400" src_o="http://payload19.cargocollective.com/1/2/94235/2695519/670_2_o.png" align="left" /> pTools System6 is an enterprise-level content management system (CMS) trusted by thousands of Government and private sector employees in Ireland and abroad. The primary objective leading into this project was to improve the user experience while aiming to expand the customer base. ProcessIt was apparent from the beginning that the interface had become a victim of feature bloat over its ten year life. The initial step was to consider the information architecture. I began by asking some important questions. Does the system work in a logical manner? Is it easy for a new user to become familiar with the software? How could it be better? Following multiple rounds of prototyping, I was able to reach a viable solution. As development progressed, it was decided that the redesign would spearhead a larger, company-wide re-brand. The CMS was to be known as pTools System6. To learn more about my role in the rebranding of pTools, please view the project case. <img src="http://payload19.cargocollective.com/1/2/94235/2695519/cms_wip_1.png" border="0" width="500" height="251" width_o="500" height_o="251" src_o="http://payload19.cargocollective.com/1/2/94235/2695519/cms_wip_1_o.png" align="left" /> Screenshot of CMS before redesign <img src="http://payload19.cargocollective.com/1/2/94235/2695519/cms_wip_2.png" border="0" width="500" height="251" width_o="500" height_o="251" src_o="http://payload19.cargocollective.com/1/2/94235/2695519/cms_wip_2_o.png" align="left" /> Analog Experiments <img src="http://payload19.cargocollective.com/1/2/94235/2695519/cms_wip_3.png" border="0" width="500" height="251" width_o="500" height_o="251" src_o="http://payload19.cargocollective.com/1/2/94235/2695519/cms_wip_3_o.png" align="left" /> Before deciding how it should look it was important to workout how it should work