50 Balmy Law P.C. website

50 Balmy Law P.C.

50 Balmy Law P.C. is a San Francisco based law firm specializing in legal services for the arts, entertainment, and nonprofits. The new 50 Balmy website expands on existing content, outlining their expertise.

The redesign goes big and bold with photography corresponding with client work and services the firm offers. Pages are coded to include image sliders or static images with one or two columns.

Three special sections were created: a firm personnel directory, a practice areas catalog, and a portfolio of notable work. Each has an overview page which is automatically updated from individual entries to make updating the site quicker and easier. Practice areas and notable work overview pages includes titles and excerpts of their individual articles linking to full articles on each individual page. Personnel overview page includes staff names, job titles, headshots, and photo credits with links through to individual profile pages.

Photo galleries, based on the native WordPress gallery, are featured on the Clients page and the Balmy Alley page. The Client gallery presents logos in a variety of images in similar formats. Like the site as a whole, the galleries use responsive design.

BuildingWise website


BuildingWise specializes in making existing commercial buildings more energy-efficient, environmentally sound and profitable. Their new website combines information about their company and services along with a portfolio of projects and a blog of relevant articles. The design gives the client an open look with room to show their expertise in the fields of LEED and BREEAM certifications.

Development required attention to the relationships of content structures, particularly how they relate on different sized screens, as well as the intricacies of typography. Focus was given to making each page easy for the client to edit going forward while retaining the integrity of the design. The goal, as with each client, is making the site as easy to use and ready for future developments as possible.

The projects portfolio was coded as a custom catalog. The main portfolio page has a classic image gallery look where project images can be click on to reach individual project pages. Each individual page includes an image of the project structure, a description of the project, and relevant benchmarks of success. The client can use common toolbar functions to ensure the design stays as originally intended.

Through responsive design, the new site maximizes the space of larger computer screens to present content, while scaling and rearranging to suit tablets and smartphones.