My Role: UX Designer and Developer
Dun & Bradstreet offers myriad financial data solutions on the enterprise level and required a site that would provide product marketing, solutions, explanations, and technical documentation for developers in a single solution for users who are decision makers and/or developers.
I gathered product information from domain experts and designed and developed a website from creative inception to front-end development and coordinated all stakeholder meetings throughout planning, design, and development. I was responsible for IA, UX, site maps, wireframes, task flows, graphic design, and development for responsive mobile (HTML, CSS3, jQuery, Bootstrap).
I began this project by engaging product experts and initiating impromptu whiteboard sessions to gain a deep understanding of the various financial products. These discussions also included the goals and loose requirements for the site.
I formalized the site structure with site maps and sought confirmation from the stakeholders to insure all aspects of the new product site were captured.
I created low fidelity wireframes to define the functionality on robust pages such as the user dashboard.
Wireframes
I knew the site would ultimately be built with the Bootstrap frontend framework since I was the decision maker for UI development as well. I chose to forego static wireframes and use Bootstrap to build interactive wireframes to show where content and functionality would go on each page while allowing stakeholders to click through to see the flow.
Interactive PrototypeAfter leveraging the interactive prototype to procure needed content from stakeholders, nail down requirements, and build consensus on functionality, I started work on a high-fidelity UI design that built on the D&B brand. I also created graphics that conveyed product concepts, served as creative lead, and shared product knowledge with illustrators to help generate information graphics for the products.
View the D&B Direct Site