![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/4a93ae29-dd63-493e-acb6-d6dd322edef8_rw_3840.png?h=b502c8ff0e7426df2b30caa3fc12dc7c)
Ogletree Deakins is one of the largest labor and employment law firms with more than 900 attorneys located in 53 offices across the United States and in Europe, Canada, and Mexico. They had two goals: redesign, streamline and modernize their website, and develop detailed brand and digital guidelines.
With so many moving pieces, it was crucial that we work closely with our client stakeholders during the strategy phase to ensure the site would meet all their requirements from a technical standpoint as well as from the brand look and feel. Our responsive design concept had to work on a global scale culturally, account for character counts in various languages, and apply to all different areas of employment law, while incorporating an updated look and feel that still felt like the same brand. The result was a professional yet-modern looking website that put attorneys and their content front and center.
During the Strategy phase, we interviewed dozens of stakeholders throughout the organization, fully understanding the unique pain points and expectations for each Ogletree department and location. During this phase, we developed:
• Content Audit
• Content Strategy
• Technical Requirements
• Site Map
• Wireframes
During the Creative Concept phase, we incorporated learnings from our stakeholder interviews as we explored multiple look and feel directions and began development on a style guide for the new website. Deliverables coming out of this phase:
• Home page comps (2 design directions)
• Color palette options
• Typography exploration
• Photography direction
• Voice and tone
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/80359ebd-e4dc-4a0d-9e85-ad3d6c0c7226_rw_1920.png?h=04e89bb70843b4909c8988fd6e81ac2b)
During the following phase, the Design and Development teams worked together to build out the website based on the initial wires, working within the look and feel developed in the previous phase. We progressed in batches by website section, iterating and adjusting previous batches simultaneously as we went.
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/1abdae20-db1c-406b-8cf8-da63f217ae93_rw_1920.png?h=b0cc383c9bfb347509f3cc23294806c3)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/38307b36-4dc0-491e-b6a1-4ee7fc48fef3_rw_1920.png?h=a0d1dd5e40a2ba05229af609c46b6f41)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/100b92ff-a7d8-4ff2-9ba9-0151ceccdcc4_rw_1920.png?h=5b5eaae28bd1133ea56b48c02a0b7b08)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/71bbb655-bc4c-4caf-9543-34c262076730_rw_1920.png?h=4fa3916322389a6dcf4264a209f5a2ad)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/5fc8160f-a8fd-4065-a2aa-7844117f24aa_rw_1920.png?h=9fc5a5da4c050bcd956bf14795c40e8c)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/6ba2a1ac-943d-48e6-a7c5-dd9db75b9ab1_rw_1920.png?h=7f0af5641dc043f368394984c32a14eb)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/35cf3908-fa77-4402-8c3b-e08754464a35_rw_1920.png?h=b383e1907b88626e06ee1aae107fc1a8)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/0fe7c5bd-aa5f-4ab9-b8aa-024a57caa8d1_rw_1920.png?h=28b7cd9e2f01041bff2ed3b20909ce0e)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/9f3bc98a-6908-449f-b975-5af267f3b728_rw_1920.png?h=fe6e9b0fc1c1e9983ecdf7e38d9779bc)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/2263baec-74a0-4455-a9ad-7ac78876d460_rw_1920.png?h=fda46d188fa46a210e35c0118758ef34)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/4efc04b8-e339-4d82-8e40-5202327aedb0_rw_1920.png?h=5696cdb528ef3c7d8267e26984c6075c)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/9e30dcaa-66f4-425e-b332-acd9d50c6650_rw_1920.png?h=a403465c0b36df2c9fda33c14696e3b0)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/33142253-f6c7-42fb-83ad-f1be4fc1fcd9_rw_1920.png?h=7c93a4e26c89e455ae937d70755c3502)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/cf000cdc-fc93-45b4-9fd7-c14977bf181e_rw_1920.png?h=39777b89826cab9e27765bb8210c6feb)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/6af72693-8bea-406c-9c83-4ff41af6d30d_rw_1920.png?h=b5c250cf54171c9cb4ec485af6c0d3b5)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/80905edf-2b7c-4848-a0b4-311cb5afc3dc_rw_1920.png?h=4b287503effa25a7f5d3b4a82596f979)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/a8c7d2d5-b0c3-4a5f-9828-86d568a88df0_rw_1920.png?h=69af05c89dac574b8d28a9897e6c199e)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/b42f09d5-52a7-4b7e-9387-b8fda9f6bc2a_rw_1920.png?h=1d95705ea36ee2627560daabf07b0158)
BRAND GUIDELINES
As the Development Team continued work on the website, the Creative Team put together detailed brand guidelines, based on the look and feel established earlier. We developed both a Brand Book and a Digital Style Guide, along with an online brand portal to house all guidelines, assets and templates created throughout the project. Deliverables included but were not limited to:
• Brand and digital style guide
• Voice and tone
• Photography, icon, and design asset library
• Typography guidelines
• Branded firm logos and logo templates
• Color palettes for overall brand and individual departments
• Templates including flyer, letterhead, email header and PPT
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/82179e47-3d2f-459a-9fe8-335d370b0385_rw_3840.png?h=bc424d526876ab94e1ffac1e2078e168)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/db5b866c-9167-40f7-8684-4161a2036201_rw_3840.png?h=e7686cb4b9db99ff7f7b30105a84a06e)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/5b75eaee-2051-437a-8f01-4251dc5f1ca3_rw_3840.png?h=236d948537856fe48de2d865da8c505c)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/414a3c20-dd33-4efd-9f38-223d512af253_rw_3840.png?h=e72b5064581b65b5a91e8706cfab47d1)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/4f9eda30-164b-4494-9e6a-3c3ceea2c88a_rw_3840.png?h=5817475122e0a99596d3ee968b0e1693)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/5f16dc70-3730-46e2-81e9-536fa61c7303_rw_3840.png?h=d18eaee45b5c222e55afe21dd5feb004)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/6ca4c7c2-ed53-476d-989e-41b37a2b860a_rw_3840.png?h=80b3c01e0a9e49ad2dc7389521fb7dc3)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/5b132e3d-91e7-485e-b63d-3e1436c61750_rw_3840.png?h=03bb22a2b733593e0475b6f1a5de981d)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/b767bd00-4d54-4f4f-8cf6-17625d0a737d_rw_3840.png?h=135a59200c17ac5fb55fefe0cbe2c998)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/04009f6e-3e71-4630-8c74-39a299b08100_rw_3840.png?h=8efa618aabffb623dc0bf95130fd8fc6)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/b60026b7-f1da-4dca-a59b-da7e2371d323_rw_3840.png?h=9474f742a94c83bfd13309435d5350c2)
![](https://cdn.myportfolio.com/23bc9d43-0a75-4896-bec4-9ee0e1d3720e/49303fb6-24d1-4cd1-a3d9-536bcd22580e_rw_3840.png?h=f5c6e4319da02ebe1fd5028e72520961)