The BIA offers a diverse set of services to the local building industry, but also to a wide variety of other business types. Those diverse audiences meant that we needed to build an experience that could speak to these different groups in a way that was meaningful, regardless of who they are. The strategy was to provide layers of information and content that could be explored by any specific professional group, but for builders (the core BIA demographic) the site would provide a richer pool of content to explore specifically related to their trades.
We worked very closely with the BIA team crafting messaging, photo selections, and design elements to ensure that we were on point with the initial goals we identified, while maintaining the goals of the organization as a whole. The website we crafted for their team consisted of several dozen pages, a custom CMS built on the WordPress framework, auto updating data tables as part of their extensive membership network, and a refined user experience.
Another important focus of the project was on the mobile version of the site. The previous incarnation of the BIA site was built responsively, but with the modifications and work arounds introduced by the team over the years, presentation on tablets and phones was beginning to show its age resulting in the site breaking down in certain areas.
We carefully constructed mobile presentations and a responsive site design that worked across a multitude of formats and gracefully degrading—providing basic content on older browsers and devices. We created specialized views to support their extensive member section, events, and programs.
The previous incarnation of the BIA site was built responsively, but with the modifications and work arounds introduced by the team over the years, presentation on tablets and phones was beginning to show its age resulting in the site breaking down in certain areas.
The resulting mobile design does not have to sacrifice or conceal any of the desktop site’s functionality, allowing existing members or newly interested users to complete a wide array of member-related searches and tasks.
The previous manifestation of the site was built with a custom user interface. Over time, however, the types of tasks the BIA team were working on expanded, giving way to new content needs that the original UI could not accommodate without extensive workarounds. The team managed the workarounds for roughly two years before moving on to the redesign.
Prior to, and during the project, we spent a lot of time discussing the UI design and how that mapped to the BIA’s workflow and needs. We designed a series of custom screens inside WordPress to accommodate the existing and new processes. The new designs managed to shave significant time off many of the tasks done on a daily / weekly basis.
Most projects require a series of iconographic images to represent concepts that can be mapped to simple images. Many times we can find existing sets of icons that work well for most of a website’s language needs. Regardless of working with pre-constructed iconography, there are always fine tuning tweaks that need to be made to the icons in order to get that perfect match. With the BIA site, we developed a series of custom icons to fit into the gaps between what we had on hand with a pre-existing set and what we needed. The resulting icon set marries perfectly to the concepts the BIA needed to describe to prospective customers and members.