S U H A S C H A V A...
Transcript of S U H A S C H A V A...
![Page 1: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/1.jpg)
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
![Page 2: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/2.jpg)
The Portfolio Document of SUHAS CHAVAN Page: 2 of 19
User Experience
Content development for e-learningPresentations & Titles (CD-ROM)
![Page 3: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/3.jpg)
The Portfolio Document of SUHAS CHAVAN Page: 3 of 19
THE PROCESS WE FOLLOW
[DELIVERABLE]
[DELIVERABLE]
[DELIVERABLE][DELIVERABLE]
[DELIVERABLE][DELIVERABLE]
![Page 4: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/4.jpg)
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
![Page 5: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/5.jpg)
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
![Page 6: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/6.jpg)
The Portfolio Document of SUHAS CHAVAN Page: 6 of 19
Sitemaps, User Flows, Work FlowsNavigation HierarchyMenu StructureMenu Types IdentificationGlobal NavigationLocal NavigationUtility LinksFooter NavigationContextual Navigation
![Page 7: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/7.jpg)
The Portfolio Document of SUHAS CHAVAN Page: 7 of 19
Detailed WireframesLayout StructureModular DefinitionsMulti-Stepped ProcessesTransactional HierarchiesPaper PrototypingUser ScenariosConditional ElementsError Handling ProcessAlerts/Notifications
![Page 8: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/8.jpg)
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.
![Page 9: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/9.jpg)
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.
![Page 10: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/10.jpg)
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.
![Page 11: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/11.jpg)
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.
![Page 12: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/12.jpg)
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.>!
![Page 13: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/13.jpg)
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
![Page 14: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/14.jpg)
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
![Page 15: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/15.jpg)
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
![Page 16: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/16.jpg)
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
![Page 17: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/17.jpg)
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
![Page 18: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/18.jpg)
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
![Page 19: S U H A S C H A V A Ns3images.coroflot.com/user_files/individual_files/original_363795_z5xkCsw0... · Blue Dart “E-Business” Portal Proposed Entry Points to access “BLUE DART”](https://reader030.fdocuments.in/reader030/viewer/2022040819/5e670ef97e1a26698510becc/html5/thumbnails/19.jpg)
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