The final concept uses an interactive map based tool supported by rich visuals to discover and get info on travel destinations in Bengal.
To make the whole experience of discovering destinations engaging, inspiring and informative - an interactive map of West Bengal was used, coupled with rich curated imagery of West Bengal. The user can click on different on different points on the map to discover places of travel.
⟵ Redefined IA
The proposal relooks at the entire information architecture and segregation in the site.
The new sections were:
· Discover (Interactive database)
· Destinations (Flat database)
The focal call-to-action button 'Discover Bengal' takes the user to the interactive map tool.
This interactive map can be used to discover places, get quick relevant information and plan.
⟵ Origin of travel
The map tool auto-locates the user's location to give contextual information related to travel origin.
In case the detected location, is not where the user plans to travel from, it can be changed by clicking on the origin pin.
Interacting with the map ⟶
The user may explore different places by hovering over the different map points.
The colours of these points are inherited from the category they belong to.
⟵ Contextual information
On clicking a point on the map, the user is presented with quick information and relevant visuals.
The following changes occur:
· Destination place card appears.
· The background image changes.
· The origin pin changes to display relevant information.
On the left, the list of categories are available for easy access and quick filtering.
If the user clicks on a category, the map shows destinations only from that category.
⟵ Detail pages
Each destination or place card leads to the detail page of that place.
Detail pages are one-stop information hubs for everything a visitor to the place would need to know ranging from popular sights, getting there, stay, food culture and other places around.
Learnings & reflections
Contrast and readability
A nifty method we learnt as part of this project was mapping user journies of a diverse set of users as a quick way to empathise with users' needs, understand pain-points and identify opportunities for delight.
Readability of text and typography need extra careful consideration when combined with images. Images have a spectrum of colours, and it's imperative to make sure text is always legible and accessible.
Affordances are properties of an element that indicate how a user may take action with it. The affordance of the points on the map in hindsight could have been clearer and more comfortable to interact with.
While the original site had a dense and complex information architecture, the proposal had an IA that was perhaps over-simplified. It's important to understand the context and display the right amount of information the users may be seeking at any stage.