Travel Go Big
CLEANER · RESPONSIVE · ACTIONABLE
Bing Travel has taken a deep dive in the redesign engine and is coming out Big on the UI front, getting our users excited to take up travel once more after a yearlong lock-down. So many great screens from Flight booking, to Stays, Car rentals and Multi-day packages at popular destinations.
|
|
|
|
Travel hub lets you explore endless destination from across the globe, you can create your own multi-day travel and stay packages easily accessible with customizable filters.
We have built Plan a trip module, which suggests users with a pre-planed itinerary to popular destinations.
|
|
|
|
|
|
|
|
|
The new Hub page is built using re-usable React components, which has enabled lightning fast product development.
Due to current travel restrictions and surge in movement of tourists towards nearby locations, Bing Travel now suggests Inspired Getaways to help its users experience the best of local budget travels.
|
|
Travel in the New Normal
Bing travel brings a new feature where users can take a tour of popular destinations virtually. It shows Day and Night view of places from across the globe. Now travel enthusiast can explore from the comfort of their homes
|
|
|
A thorough analysis of all the components of the Shopping card, placements of elements on the card, interaction animation effects pertaining to the shopping use case. Retail L2 re-design was fully owned module which was taken up by the DE team, starting from the design phase, to development, flighting and releasing to Production in collaboration with Shopping Design and Dev team.
The entire experience solves the existing problem on Shopping L2 screen by making it more actionable, cleaner and modern. The cards are information dense though minimal by using smooth hover animation effect.
|
|
|
Post the implementation of this redesign, we have seen good improvement on page performance in the flight results. This was accomplished, as we have minimized CSS code on the page and cleaned up the views to load lighter DOM elements.
We have employed good styling practices, to reduce the load on GPU while rendering this screen.
The scorecard also revealed a significant improvement in engagement. We have seen this experiment has elevated our
L2 clicks by +3.7% across markets!
|
|
Health L2
DE team has recently launched new Health L2 screens on Bing. This is a highly informative segment which aims to keep our users informed on health-related queries.
In the age of fast spreading mis-information and fake news, Bing health is step towards guiding Bing users towards relevant articles on Treatment, Symptoms, Prevention and much more on diseases.
Users can now view recently asked questions, read reviews and answers provided by verified medical professionals on Health L2.
|
Vaccine Tracker
As the surge in Covid infections took a toll, we found our users looking for information about available vaccines and centres. DE team has created the experience to quickly navigate to find centres near you based on Pin Code information and State + City information of the user.
We have also built Vaccine Hub on our Covid tracker module which gives an overall view of citizens who are vaccinated in countries, News related to vaccination drives and so much more
|
|
|
Our DE team has taken up the entire ownership of MSB Admin portal UX. The team has flighted multiple controls end to end. We develop pixel perfect UX without the need of any red-lines.
|
|
|
|
|
We have flighted the recommended Q&A answers on M365 Admin portal, this feature enables mining of Q&A based on user search on Bing. The organization Admin can now enable this feature and the system will recommend Q&A answers in Bing answers on MSB.
|
|
|
Trending News on Bing Homepage
|
|
|
When a EDU user lands on Bing Homepage, Trending News feature can be enabled/disabled from Homepage based on tenants subscription type. This helps MSB share much more relevant modules based on user access type.
|
|
|
|
|
|
DE team strive to make Bing accessible to everyone, recognizing compliance issues and resolving those has always been top priority for us.
Taking our learnings while working with Bing webmaster tools, where we gained Mircrosoft Accessibility compliance with C GRADE certifications, we are now
working on both MSB web and on Admin portal UX segments, to resolve issues related to in-accessible UI like incorrect luminosity index on both Light and Dark mode screens.
|
|
|
|
|
Bingdex
Bingdex is a URL investigation tool which helps you to analyse indexing reports. This tool gives its users an in-depth understanding of the URL or site(s).
The new experience delivers high performance, better user interface and controls powered by Fluent UI controls, more reliable with a
leaner, modern UI. It loads 85% faster than the old Bingdex.
|
|
Bingdex helps users by providing detailed information about a site. Different stages of the URL starting from Discovery, to Selection, to Crawled and finally to Served can be tracked here.
Also the Clicks & Impressions / Traffic on the URL can also be monitored here. It provides Market distribution as well as Spam Junk information about the URL.
|
|
NPS Feedback
The new NPS Feedback experience comes with a more visually appealing interface that aims to make the user want to click on the scale provided in order to submit rating & feedback.
Since the release of this redesign, Bing webmaster NPS is showing a steady increase with >14 point improvement in Mar '21 (NPS in May ~35 points)
|
|
|
|
|
|
|
SAPPHIRE APP
Shopping Mini App
DE team has also contributed to the Dogfood Release of Shopping mini App, we also shipped Dark Mode implementation on all screens of the app
We explored CSS Color theory and mapped all the colors respective to the Sapphire app guidelines, and implemented an inverted color for each theme color used in the app.
This Color scheme is a re-usable framework which can be used in other mini apps, and reduces the development effort when implementing Dark mode by many folds.
|
|
|
|
|
|
Health Super APP
We have been working on Health Mini App on Sapphire app. The Super app is evolving continuously, and so has its framework. We have been collaborating with the development and framework team, towards building a consistent UI and seamless experience for both Android and IOS users.
We have created the entire layout to make it visually appealing by adhering to strict pixel perfect UX.
|
|
|
|
|
|
Shop the look
Bing shopping Shop the Look prototype is built to create a new, fresh, more interactive view where user can engage and shop for products.
|
|
|
|
|
|
|
React Component
DE team has been actively working towards creating custom re-usable, React components. We have built a Carousel component which is easy to Plug and Play and is currently getting used in multiple segments.
This is the first step towards building a Design system which we will be working on going forward.
|
|
|
|
|
|
