The Portfolio Document of SUHAS CHAVAN Page: 1 of 19
S U H A S C H A V A N
Please visit:http://www.coroflot.com/suchav/portfolio
The Portfolio Document of SUHAS CHAVAN Page: 2 of 19
User Experience
Content development for e-learningPresentations & Titles (CD-ROM)
The Portfolio Document of SUHAS CHAVAN Page: 3 of 19
THE PROCESS WE FOLLOW
[DELIVERABLE]
[DELIVERABLE]
[DELIVERABLE][DELIVERABLE]
[DELIVERABLE][DELIVERABLE]
The Portfolio Document of SUHAS CHAVAN Page: 4 of 19
BUSINESS STRATEGY
CONCEPT MODELING
METHODSCONTEXTUAL INQUIRY
TASK ANALYSISFOCUS GROUPS
SURVEYREQUIREMENTS
USE CASES
METHODS
CONCEPT DESIGNNAVIGATION HIERARCHY
WIREFRAMESSITEMAPSMODULES
UI SPECIFICATIONS
WORK MODELS
METHODS
LAYOUT STANDARDSINTERACTION STANDARDS
GRAPHIC PRINCIPALSHTML GUIDELINES
CSS RULES
DATA GATHERING & ANALYSIS DESIGNING DEVELPING DEPLOYMENT
DELIVERABLES
HEURISTIC ANALYSIS
COMPETITIVE ANALYSIS
SITEMAP, USER FLOWS WIREFRAMES MODULES UI DPECIFICATIONS SIGN-OFFS
Formulate the Design StrategySite Analysis and User StudiesDefine Information ArchitectureContent AnalysisHigh Level IALow Level IADefine Interaction PatternsPlacement and high level layout of contentSelecting appropriate widgets & form elementsAlerts and NotificationReview Design and HTML PrototypeIdentification of key task flowsScreening usersAnalyzing resultsImplement findings and RetestUI Testing
The Portfolio Document of SUHAS CHAVAN Page: 5 of 19
Understand strategy and scope as communicated by the IAStudy Look and Feel Guidelines, if anyCreate Design Options for key screensPresent Design Options along with the rationale Support HTML DevelopmentUnderstand the technical requirements from IABrowsers, Screen Resolution, OS, Style guideDiscuss and FinalizeFolder structure & File Naming Conventions.Scripting & UI Framework requirements
The Portfolio Document of SUHAS CHAVAN Page: 6 of 19
Sitemaps, User Flows, Work FlowsNavigation HierarchyMenu StructureMenu Types IdentificationGlobal NavigationLocal NavigationUtility LinksFooter NavigationContextual Navigation
The Portfolio Document of SUHAS CHAVAN Page: 7 of 19
Detailed WireframesLayout StructureModular DefinitionsMulti-Stepped ProcessesTransactional HierarchiesPaper PrototypingUser ScenariosConditional ElementsError Handling ProcessAlerts/Notifications
The Portfolio Document of SUHAS CHAVAN Page: 8 of 19
Existing Portal
Blue Dart “E-Business” Portal
Proposed Entry Points to access “BLUE DART” E-Business Solutions Portal
Main Menu Elements
THE CORPORATE SERVICE GUIDE E-BUSINESS SOLUTIONS CONTACTS FAQ SEARCH
DOMESTIC PRIORITY
DART APEXProposed promotional space can be utilized to emphasis more.
Entry Point A
SMART BOX
DART SURFACE LINE
AIRPORT-TO-AIRPORT
CHARTERS
INTERLINE
INTERNATIONAL SERVICE
HOME
LOGISTICS
E-COMMERCE INITIATIVE
SHIPPING
BILLING
REGULATORY
PRE-LOGIN ELEMENTS
TRANSIT TIME FINDER PRICE FINDER REGISTRATION CONTRACT
CUSTOMER LOGINLOCATION FINDER
Requirement mapping exercisesCreate detailed sitemapsCreate User flows, Process flows, Multi-stepped processes, Navigation techniques etc.
The Portfolio Document of SUHAS CHAVAN Page: 9 of 19
A module wireframe visualises the elements of a module and their specifications (e.g. if an element is required or optional, if it is CMS managed or rule driven). Changes are tracked in module wireframes unless the updates are at template level. The ID of a module change should be referenced in the template change log if the change affects the template.
The Portfolio Document of SUHAS CHAVAN Page: 10 of 19
A template wireframe visualizes the modules that constitute a page, their multiplicity and their display rules on the page.
Global Header
Hero Image
Main Application Menu
Left Navigation Sub-Menu
Space for Buckets, Widgets, Banners,
News, Global CTAs
Global Footer
Application Real Estate(Body Content Work Space)
Template 1
Global Header
Hero Image
Main Application Menu
Left Navigation Sub-Menu
Global Footer
Application Real Estate(Body Content Work Space)
Template 2
Global Header
Hero Image
Main Application Menu
Global Footer
Application Real Estate(Body Content Work Space)
Template 4
Global Header
Hero Image
Main Application Menu
Global Footer
Application Real Estate(Body Content Work Space)
Template 3
Space for Buckets, Widgets, Banners,
News, Global CTAs
Templates used for the project “LENOVO” Training Solutions.
The Portfolio Document of SUHAS CHAVAN Page: 11 of 19
A different variations of each scenario, conditions and page behaviors captured to indicate business rules, functionalities and conditional behaviors in detail manner.
USER SCENARIO #: B2-A001
This scenarios displays the contextual segments of “Recent Podcasts”. The particular scenario can ONLY be viewed for Training Users. The download functionality will be included in “Recent Podcasts” module.
The Portfolio Document of SUHAS CHAVAN Page: 12 of 19
Evangelize the process of of error messages, alerts/notifications handling and providing consistent standards across the site.
Sequential placements of Alerts/Notifications
Identify Error Types (Server errors, Application Errors, Contextual Errors, Field Level Errors)
<The following errors occurred, Please review below the errors of each field level and fix accordingly to proceed further steps.>!
The Portfolio Document of SUHAS CHAVAN Page: 13 of 19
The visual designs have been wire-framed, designed, conceptualized and produced for a client:
Client: Lenovo, CMP
http://www.coroflot.com/suchav/portfolio
The Portfolio Document of SUHAS CHAVAN Page: 14 of 19
The visual designs have been wire-framed, designed, conceptualized and produced for a client:
Client: CMP
Please visit:http://www.coroflot.com/suchav/portfolio
The Portfolio Document of SUHAS CHAVAN Page: 15 of 19
The visual designs have been wire-framed, designed, conceptualized and produced for a client:
Client: Lenovo, CMP
Please visit:http://www.coroflot.com/suchav/portfolio
The Portfolio Document of SUHAS CHAVAN Page: 16 of 19
The visual designs have been wire-framed, designed, conceptualized and produced for a client:
Client: Read India Books, T-LOGIC
Please visit:http://www.coroflot.com/suchav/portfolio
The Portfolio Document of SUHAS CHAVAN Page: 17 of 19
The visual designs have been wire-framed, designed, conceptualized and produced for a client:)
Client: MAST FOOD, World Peace Monument
Please visit:http://www.coroflot.com/suchav/portfolio
The Portfolio Document of SUHAS CHAVAN Page: 18 of 19
The visual designs have been wire-framed, designed, conceptualized and produced for a client:
Client: Hamara CD, Wipro
Please visit:http://www.coroflot.com/suchav/portfolio
The Portfolio Document of SUHAS CHAVAN Page: 19 of 19
T H A N K Y O U
Please visit:http://www.coroflot.com/suchav/portfolio