All work

DCBA Law & Policy

We modernized DCBA Law & Policy’s web experience so the firm could share more detailed information about its practices, its attorneys and itself.

Client

  • DCBA Law & Policy
  • Washington, D.C.

What we delivered

  • Information Architecture
  • User Experience
  • User Interface Design
  • Front-End Development

Technologies

  • WordPress
  • Bootstrap
  • HTML5 / CSS3
  • Sass
  • jQuery
Before
The previous site
The previous site
After
The redesigned site
The redesigned site

The task

Deliver a redesigned web experience built on strong information architecture and well-organized content, while keeping scrolling to a minimum and conveying the modern feel DCBA wanted.

Strategy

Our strategy work focused on simplifying the IA while still letting users dig into practice areas and capabilities. We created a hierarchy no deeper than two levels, with expandable content blocks for more detail on a topic.

Simplified two-level information architecture
Simplified two-level information architecture

User experience

We turned what we learned in strategy into high-fidelity wireframes covering users, personas and their goals. They set the exact layout, typography and functionality and served as the 1:1 blueprint for design.

Wireframes
Wireframes

Interface design

We brought the wireframes to life with color, type and imagery. UX and UI are iterative and went through several rounds with the client. For this project the final design departs a bit from the wireframes, and that’s by design.

Typography and color
Typography and color
Final page designs
Final page designs

Development

We built a fully custom WordPress experience: easy to use on the front end, with a custom back end that lets DCBA’s authors add, edit and remove content themselves.

Next projectIBEW Local 1600

Ready to find your way home?

Send us a note about what you’re working on, and we’ll show you the way.

Get in touch