Client
- Microsoft — Bing Maps for Enterprise
Date
- 2020 - 2021
Roles + Responsibilities
- Property Audits
- Architecture
- Wireframing
- High-Fidelity Mocks
- Rapid Prototyping
- Content Design
- Engineering Handoff
- Front-End Content Development
- Performance Measurement + Reporting
- Content Maintenance
About Bing Maps for Enterprise
Bing Maps for Enterprise allows developers to create applications that layer location-relevant data on top of licensed map imagery, reveal data patterns, and deliver more insightful business intelligence.
This web portal was designed for developers to learn about the Bing Maps Platform, its features, benefits and capabilities, and to allow them to access the Bing Maps API and other developer resources and documentation.
The site is the primary vehicle for revenue generating leads for Bing Maps for Enterprise licensing. Learn more
Design Challenge
Design Challenge #1 | How can we greatly improve the user experience by removing barriers to entry and changing the site from merely informational to functional?
Design Challenge #2 | How can we create a user flow that not only gives developers the documentation and resources they need, but also allows them to experiment and play with APIs directly in the site? How can we allow them to do all of this without a license?
Design Challenge #3 | How do we overhaul existing fragmented web properties into a modern, unified and scalable web portal built on the Microsoft Web Framework?
Planning it out
Property + Competitor Audits | Did an extensive audit of fragmented properties as well as competitor properties and made extensive annotations of problems we were trying to solve for along with recommended scenarios to explore in concept and iteration phases.
Architecture | Mapped out a scalable architecture that allowed the platform to grow with our service offering.
User Journeys | Mapped out user stories and the intended user journey. Designed low fidelity wireframes to determine which components we’d need to build out sufficiently differentiated templates for storytelling and to achieve the intended flow through the site.
Designing the solution
UI Design + Rapid Prototyping | Designed high-fidelity mocks of primary page templates and components based off of Microsoft’s Web Framework. Created fully functional prototypes for testing and iteration.
Content design | Created content libraries for imagery, JavaScript demos, multimedia content and documentation. Worked with the client to iterate on storytelling and visual language.
Development | Worked to support engineering in execution and front-end content development. Deployed Alpha environment and executed usability testing.
Beta | Deployed closed beta and executed rounds of pre-launch stakeholder reviews, testing and bug fixing.
Launch + Maintenance | Launch and measure analytics to assess our results against prescribed goals. Identify and assess areas for improvement and repeat the content development process in partnership with the client.
Results
The site now allowed developers to create accounts and utilize the library of APIs free of charge and without licensing, resulting in a significant increase in developer engagement.
This approach produced an immediate and significant increase in user engagement, lead generation and overall awareness and adoption of API functionality by the developer community.
Both the current and previous iterations of the Bing Maps for Enterprise websites exceeded previous site traffic by 22% YoY and resulted in an increase of qualified leads by over 17%.
TRAFFIC YoY
QUALIFIED LEADS
“If you think good design is expensive, you should look at the cost of bad design.”