Portfolio Anil Sutar Team Lead (User Interface Design) CUA (Certified Usability Analyst - HFI Mumbai)

Slides:



Advertisements
Similar presentations
Design, prototyping and construction
Advertisements

Chapter 11 Designing the User Interface
DiscoverDefineDesignDevelopDeliver PROCESS TM. Intelligaia Technology confidential & proprietary Discover Overview: Gather information, brainstorm, competitive.
User experience designer, User Interface Designer (UI), Information architect, Portal / Intranet development SharePoint WORK SAMPLES Highly confidential.
Web development in the “real” world Dave Tanchak COMP 1536 – Feb
Evaluation in Digital Media Graphics Basic Concepts.
MULTIMEDIA Development Team.
Our Footprints CLIENTS What We Do Technology Expertise.
Copyright © 2003 Bolton Institute Dept. of Computing and Electronic Technology - Multimedia Integration and Applications Lecture 5: Design and Prototype.
Communication and the Team. Communication Issues A common problem with most development projects are communication issues These can be present in a number.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Lecture 4: Main Build Management Damien Markey. Lecture 4: Main Build Management How to start a build Assembling the team –Designer –Developer –Database.
Web Design cs414 spring Announcements Project status due Friday (submit pdf)
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
PBA Front-End Programming Development Organisation.
Careers in digital media are wide-ranging— from print media to web design video editor to photographer sound technician to script writer animator to gaming.
Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
Final Year Project Presentation E-PM: A N O NLINE P ROJECT M ANAGER By: Pankaj Goel.
Customer Forum OTech’s New Web Publishing Service Web Services Section – April 29, 2015.
Paper Prototyping Source:
Introduction to Interactive Media 02. The Interactive Media Development Process.
INFOBALT, October 22, 2004, Vinius IST4Balt project information dissemination using web-based knowledge systems Zigmas Bigelis EU projects consultant Asociation.
To arrange an interview, please contact at or call SANJAY KUMAR DEY Cell: I am UI & Gui Designer,
“Good design is Good business”
Understanding the Web Site Development Process. Understanding the Web Site Development You need a good project plan Larger projects need a project manager.
ENG 171 Department of Multimedia and Graphic Arts
Applying the Art of Graphic Design. What is Graphic Design? Graphic Design is traditionally defined as problem solving on a flat, 2-D surface. However,
Project Proposal Interface Design Website Coding Website Testing & Launching Website Maintenance.
Bayu Priyambadha, S.Kom Teknik Informatika Universitas Brawijaya.
{ Preparing for your portfolio class IMD311 Sophomore Digital Portfolio Question and Answer session.
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
MULTIMEDIA DEVELOPMENT
Requirements Information and data which need to be displayed or accessible to the user Sitemapping (Site Map) Flow Chart models of site structure displaying.
Introduction to Interactive Media The Interactive Media Development Process.
CHAPTER TWO THE MAKING OF MULTIMEDIA: AND MULTIMEDIA DEVELOPMENT TEAM
U.S. Department of Agriculture eGovernment Program Design Approach for usda.gov April 2003.
Web Site Usability. Benefits of planning usability Increased user satisfaction, which translates directly to trust and brand loyalty Increased user productivity,
Graphical User Interface (GUI) Web site Team Matix Proposal GC 215: Web Publishing.

Introduction to Making Multimedia
May 6, 2015 Session 10:00am – 12 Noon. Agenda 2 TopicPresenter / FacilitatorTimeframe  Welcome Michael Chen5 min.  CA Web Publishing Richard Lehman55.
PBA Front-End Programming Development Organisation.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® DESIGN PROJECT PRODUCTION PHASES.
Web Development Process The Site Development Process Site Construction is one of the last steps.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Chapter 3-Multimedia Skills
Paper Prototyping Source: Paper Prototyping a method of brainstorming, designing, creating, testing, refining and communicating.
Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.
PRESENTED BY GRADUATE DESIGN GROUP 2 MEREDITH, JENNIFER, CAMMAY AND DIANE How to build a web site in Dreamweaver.
1 Multimedia Development Team. 2 To discuss phases of MM production team members Multimedia I.
Our media development capabilities can be classified under the following heads: 1.Interactive Simulations 2.Game-based and Project-based Learning Modules.
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand career planning in a digital media environment.
I-Quest Communication provides one stop solution in marketing which includes Marketing Strategy Development, Consulting, Brand Visibility, Campaign Management,
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.
>> Web Development Process & Technologies
To arrange an interview, please contact at or call SANJAY KUMAR DEY
Web Development A Visual-Spatial Approach
Ibrahim Thekkumkara Senior UI UX Designer Design Portfolio 2017
Objective % Understand career planning in a digital media environment.
Download CIW 1D0-621 Exam Latest Questions Answers - Updated 1D Braindumps - Realexamdumps.com
User Interface(UI) Developer Skills & Responsibilities.
Chapter 10 Development of Multimedia Project
DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Careers in Digital Media
Phases of Designing a Website
UI, UX: Who Does What? A Designers guide to the tech industry.
WEB DESIGN Cross 11, Tapovan Enclave Nala pani Road, Dehradun : ,
Presentation transcript:

Portfolio Anil Sutar Team Lead (User Interface Design) CUA (Certified Usability Analyst - HFI Mumbai) My website: LinkedIn:

Specialties Visual Design Design Evaluation Creative Direction Conceptual Thinking Analytical Thinking Interaction Design Information Architecture User Research User Experience Design Design & Organization – Information Design & Architecture – Finalizing navigation – Creating Wireframes, if required – Diagrammatic Representations of Design – Creating Prototypes – Visual Samples of Design – Design Finalization – Creating HTML pages & CSS, using standard compliant code Requirement Gathering – Getting to know Client Business Model – Identifying Target Audience – Determining Goals and Prioritizing them – Understanding design specifications or limitations as per Technology in which design is to be integrated – Creating Scope & Project Plan – Creating Effort Estimations & Schedules

1. Web Portal for Klisma

1. Web Portal for Klisma (Business Concept and My Involvement) Business Concept: Most Indian Retailers pay very limited attention to their IT processes, which could be used in a very effective way to understand customers and improve business. The same is the case with alternatives available to the Indian retail consumer. They have very limited avenues, to help optimize spending and get the best value for money. KLISMA is a service targeted towards connecting retailers and consumers in an innovative fashion, which could eventually lead to a healthy retail ecosystem. Target Audience: Consumers, Retailers My Involvement in overall project Life Cycle 1.Requirement capturing from Klisma stakeholders and understanding of basic concepts of business objective. 2. Prepared project estimations and proposals 3.Developed a Business strategy. (Internal Business and marketing team was also involved in step 1 and step 2) 4.Created low fidelity prototypes for initial screens in the form of paper diagrams and evaluate it with Klisma stakeholders if it matches with their expectations or not. 5. Created some visual designs alternatives for initial few screens. (Jr. Designer was involved) 6. Created some concepts for Logo on paper and designed the final approved concept in photoshop and Ilustrator for web and printing purpose. 7. Created some functional high fidelity prototypes and evaluate it with Stakeholders and internal team with managers and developers. 8. Conversion into HTML/CSS for visual design screens for next development (Jr. Designer was involved)

1. Web Portal for Klisma (Project Estimations and Proposal sample, Logo variations) Final Approved Logo:

1. Web Portal for Klisma (Initial Sample of Prototype Homepage) Low Fidelity Prototype Sample for Klisma Initially the low prototype samples and conceptual sketches were created to cross check my understanding of business concept in the form of paper wireframes. Below is one of the prototype sample which went under many iteration process during meetings with stakeholders and managers and development team.

1. Web Portal for Klisma (Initial Sample of Prototype for Internal page) Advanced Fidelity Prototype Sample for Klisma Advanced prototypes were created with high fidelity which includes a greater depth detailing, visual quality and functioning complexity.

2. Desktop Application – Miranda for Quest (Project details) Miranda is a desktop BI tool for the business analysts to connect to their data, perform analysis (view dashboards, charts/reports and interact with them) and collaborate by sharing those reports with other users. The objective of Miranda is to eliminate the need for professional skills and enable the business analyst to perceive data without worrying about the technical aspects of the BI tool such as data-cleansing, creating a dimension, etc. Miranda primarily focuses on facilitating a simplified data-browsing, analysis and data-visualization capability for the business-analyst. My Involvement in overall project Life Cycle: Design treatment to the default interface of Devexpress template as per the visual standards set by Quest Creation of icons for Miranda application based on the storyboard shared by client. Around 70 icons are created which includes normal, disabled and selected states. Initially created design options for Dashboard page but later it was dropped due to technological constraints.

2. Desktop Application – Miranda for Quest (Icon Design) About 70 icons are designed for Miranda

2. Desktop Application – Miranda for Quest (UI design) Different design approaches for User Interface of Miranda application

3. iPad design for Digeo (Business requirement) Business Requirement RecipeDB is existing Force.com application. Diageo wants an iPad application for the same. The new iPad application should have user experience similar to that of theBar.com iPhone application. My Job Role Understand the Business requirements in detail and analyze recipeDB site in detail. Capture the requirements from clients while analyzing the site. Create the wireframes for iPad application and review it with client Design the visual screens for the mockups which are final and make them ready for next development process by cropping the images.

3. iPad design for Digeo (Wireframe sample) Sample wireframe screen for Diageo iPad design

4. UI design for Salesforce Chatter Chatter is a collaboration application that helps you connect with coworkers inside your Salesforce organization and share business information securely and in real time. My Involvement Understand the project requirements in detail and analyze the existing chatter boxes for reference. Create the wireframes for chatter box Design the visual screens for the mockups which are final and make them ready for next development process Conversion of the screens into HTML/CSS for next development process

5. UI Design for Yellow pages Target audience: Internal to the client within the organization Visual Design Goals: Visual design was to get the UI inline with other application developed by the client. It should have a web 2.0 look and AJAX incorporated. Business Goals: Goal of the application was to provide a internal application to the clients where users can upload files and share it for public or for a set of users. Administrator of the system gets various reports for these drops to maintain them.

6. Web application for Crazy Talkies Project Details: To provide and online way to get the CDs and DVDs on rental basis. The users will be able to browse the CDs. The product list page will display a list of all available CDs. My Involvement: 1. Requirement gathering 2. Wire framing 3. Visual designing of the screens 4. HTML/CSS for next development

Other details Background Design logos, brochures, newsletters, application UI, icons, collaterals, and other promotional material (print and web) like newspaper and magazine advertisements. Demo of flash interactive presentations 2D /3D animations 3D Modeling Proficient in Photoshop, Illustrator, Dreamweaver, XHTML/CSS, Flash design, basic flash action- scripting, Working knowledge of 3D studio max, Sound forge, Fireworks, Director etc. Bachelor of Engineering (Mechanical) CUA (Certified Usability Analyst) training at HFI Mumbai. Diploma in Advanced Computer Arts (National Multimedia Resource Center, C-DAC Pune B1/B2 visa approved for USA till Other Expertise