Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Portfolio Presentation


Published on

  • Be the first to comment

  • Be the first to like this

Portfolio Presentation

  1. 1. Dushyant Kanungo Web Design Portfolio
  2. 2. Index <ul><li>About Me </li></ul><ul><li>Usability Design & Analysis </li></ul><ul><li>Graphic Design </li></ul><ul><li>HTML/CSS Prototype </li></ul><ul><li>RIA & Interactive Animations </li></ul><ul><li>Web 2.0/3.0 Understandings </li></ul><ul><li>W3C & ADA Compliance </li></ul><ul><li>Search Engine Optimization </li></ul><ul><li>Tools & Techniques </li></ul>
  3. 3. About Me Hello, My name is Dushyant Kanungo and I do have seven years of experience in Web Domain. I expertise in Web Design, UI Design, Usability & User Experience Design, Search Engine Optimization and Web Graphics. Here is a small glimpse of my understanding and work portfolio in this domain.
  4. 4. Usability Design & Analysis
  5. 5. Usability Design & Analysis <ul><li>The most important phase for any website development cycle is the Usability Design stage. Methodologically it goes with the following stages: </li></ul><ul><ul><ul><li>Scope Definition </li></ul></ul></ul><ul><ul><ul><li>Audience Definition </li></ul></ul></ul><ul><ul><ul><li>Purpose Definition </li></ul></ul></ul><ul><ul><ul><li>Content Repository & Flow Definitions </li></ul></ul></ul><ul><ul><ul><li>Visitor Personas Creation </li></ul></ul></ul><ul><ul><ul><li>Usability Testing </li></ul></ul></ul><ul><li>This process leads to the entire creation of the website and provides the most critical inputs for it’s success. </li></ul>
  6. 6. Graphic Design
  7. 7. Graphic Design Design Year 2004
  8. 8. Graphic Design Design Year 2009
  9. 9. Graphic Design Design Year 2004
  10. 10. Graphic Design Design Year 2003 Design Year 2005
  11. 11. Graphic Design Design Year 2004
  12. 12. Graphic Design Design Year 2007
  13. 13. Graphic Design Design Year 2009 Design Year 2005
  14. 14. HTML/CSS Prototype
  15. 15. HTML/CSS Prototype Design Year 2007
  16. 16. HTML/CSS Prototype Design Year 2009
  17. 17. HTML/CSS Prototype Design Year 2005 – PDA or Handheld Device
  18. 18. HTML/CSS Prototype Design Year 2005
  19. 19. RIA & Interactive Animations
  20. 20. RIA & Interactive Animations Design Year 2003 Design Year 2004
  21. 21. RIA & Interactive Animations Design Year 2007 Design Year 2005
  22. 22. Web 2.0/3.0 Understandings
  23. 23. Web 2.0/3.0 Understandings In Principal, The next generation of Internet, which is often referred as Web 2.0, is no different in terms of networking and hypertext technologies. It is only a way of web development where web content shifts from Information base to Knowledge base, involving the visitor more into the proceedings than just let him the spectator. Web 3.0 is the phase, where websites turn into application software. This kind of web applications are highly anticipated after the announcement of Google Wave. There are many open source apps and tools for Web2.0 available and a few examples from the lot are:
  24. 24. W3C & ADA Compliance
  25. 25. W3C & ADA Compliance In order to keep a common set of performance and output across the various browsers and operating systems, World Wide Web Consortium (W3C) has defined a certain coding practice guidelines for developers to follow in HTML, XHTML and CSS. Similarly to make the web more accessible to people with disabilities, there are a set of accessibility guidelines which, when followed, keeps the websites in a shape where visually challenged people can also take advantage of the information. Practices such as DTD definitions, Character set definitions, DIV based table less layouts, CSS handled external styles sheets are among others adopted in creating these application UIs.
  26. 26. Search Engine Optimization
  27. 27. Search Engine Optimization Search Engine Optimization is an integral part of the web design process as visibility is always the top priority for a business outlet, even on web too. Here is a process map of the SEO process which is taken into practice for optimum results of the web site: 1. Keywords research based on the content repository 2. File names and structure definitions of the website 3. Meta keywords, description and title definitions for each page 4. External scripts and class definitions 5. Clean code without junk or unused commented data 6. Analytics configuration 7. Social profiling / back links creation 8. Monthly research for keywords and updating the site regularly
  28. 28. Tools & Techniques
  29. 29. Tools & Techniques <ul><li>HTML 4.01 </li></ul><ul><li>CSS 2.0 </li></ul><ul><li>XHTML </li></ul><ul><li>Adobe Photoshop </li></ul><ul><li>Adobe Dreamweaver </li></ul><ul><li>Adobe Flash </li></ul><ul><li>Action Scripting 1& 2 </li></ul><ul><li>Axure </li></ul><ul><li>Microsoft Office Tools </li></ul><ul><li>Script Installations for JS and jQuery </li></ul><ul><li>Customizations in Joomla and Drupal </li></ul>
  30. 30. Thank You! Please note that all the works showcased here are created in various stages of my career and just a few samples. I may not hold copyrights for all the artwork and logos placed in this presentation. This file is for official portfolio presentation only. Please contact to know more about my complete understandings about the domain. Email & IM: [email_address] [email_address] Skype: dushyantmk LinkedIn: http:// Cell: +91 99090 34684 Address: 101, Kirti Plaza, 15-16 Prabhu Nagar Annapurna Road, Indore, MP India, 452009