Bringing an established
practice into the digital space.

Client Collaboration

This project involved close client collaboration to develop a brand identity that reflected Borrey Law's business, values, and vision for the future. With limited existing branding to guide the process, regular client consultations were held to explore not only the firm's visual identity, but also its long-term goals, motivations, and mission.

Through these discussions, a clear creative direction began to emerge: a design that was clean and modern, yet distinctive. The objective was to communicate professionalism without creating an experience that felt sterile or unapproachable. Careful consideration was given to the visual elements of the brand, ensuring that color, typography, and other design choices worked together to express the firm's desired identity.

The Design Foundation

Before developing the medium-fidelity designs, the website's information architecture was established through low-fidelity wireframes. These wireframes mapped the page structure, content hierarchy, and interface flows, providing a clear framework for how visitors would navigate the site and access relevant information.

Establishing this structure early allowed the layout and organization to be considered before visual details were introduced. This created a more efficient design process and provided a foundation for translating the initial concepts into medium-fidelity designs.

1 2 3

How It Looks

The identity paired a confident blue and purple palette with clear typography and a polished, approachable visual system. I translated that direction into page layouts and responsive website concepts in Figma.

How It Works

The website was developed using HTML, CSS, and JavaScript, with a basic Bootstrap template serving as the foundation for a more efficient development process. The final design is fully responsive across desktop and mobile devices, with subtle layout and styling adjustments made to maintain a cohesive visual experience across screen sizes.

index.htmlstyles.css

1<!-- Borrey Law · services --> 2<main> 3 <section class="contracts-hero"> 4 <h1>Getting what you need in your contracts is hard.</h1> 5 <p>Let me do the heavy lifting.</p> 6 <a href="#services">↓</a> 7 </section> 8 <section id="services" class="service-grid"> 9 <article class="service-card"> 10 <h2>Experience where it matters</h2> 11 <p>Broad contract experience for enterprises.</p> 12 </article> 13 <article class="service-card">Collaboration focused</article> 14 <article class="service-card">Sensible and Efficient</article> 15 </section> 16</main>

CodeFinished design

↔

Going Live

The completed website gives prospective clients a clear introduction to Borrey Law and its services, supported by a cohesive brand and responsive digital experience.