B2B Website Redesign
Bradac Co
Role: Visual & Interaction Designer
Tech Stack: Photoshop, Illustrator, WordPress, Custom CSS/HTML, Plugins
Primary Goal: Redesigning Bradac Co’s website to showcase its portfolio of high-profile commercial real estate projects, clarify its services, and establish credibility with prospective clients.
01.
The Challenge
Bradac Co is a commercial real estate project management firm that guides clients through every stage of the built environment process, from site selection and project planning to construction, relocation, and ongoing program management.
The website needed to communicate the breadth of Bradac Co’s expertise while making a complex range of services easy for prospective clients to understand.
The Digital Presence Problem
Portfolio Was the Proof: Bradac Co’s experience working with recognizable organizations was a major strength, but the website needed to give these projects greater prominence.
Complex Service Offering: The firm works across multiple stages of the project lifecycle, making clear organization and navigation essential to helping visitors understand its capabilities.
Building Credibility: The site needed to present Bradac Co as an experienced, sophisticated project management partner capable of working across industries including workplace, healthcare, nonprofit, retail, and technology.
02.
Information Architecture & Visual System
I redesigned the site around Bradac Co’s portfolio and areas of expertise, creating a structured visual system that allows prospective clients to quickly understand the firm’s capabilities and explore relevant work.
Portfolio-Led Architecture
Because the quality and range of Bradac Co’s projects are central to its credibility, I made the portfolio a prominent part of the site experience.
Project Discovery: Organized projects into clear categories to make it easier for visitors to explore relevant work.
Case Study Presentation: Created consistent project layouts that allow imagery, project details, and key information to work together without overwhelming the user.
Visual Storytelling: Used large-scale project photography to communicate the quality and scope of Bradac Co’s work before visitors even begin reading the supporting content.
Service & Industry Navigation
The site needed to communicate a broad range of capabilities without creating a complicated user experience.
Clear Service Paths: Structured the navigation and page layouts around Bradac Co’s core services, helping visitors quickly identify the type of support they need.
Industry Context: Connected Bradac Co’s expertise to the industries it serves, giving prospective clients an additional way to discover relevant projects and experience.
Scannable Content: Used clear hierarchy, typography, and spacing to make detailed information easier to navigate and understand.
03.
Visual Design & Interaction
Working within Bradac Co’s existing brand identity, I developed a refined digital experience that reflects the professionalism and sophistication of the projects they manage.
Typography & Layout: Used strong typography, generous spacing, and structured grids to create a polished editorial quality while maintaining clear hierarchy across service and project pages.
Project-Focused Design: Photography became a central visual element throughout the site, allowing Bradac Co’s portfolio to communicate the scale and quality of its work.
Interaction & Navigation: Designed intuitive navigation and page transitions that allow visitors to move between services, industries, and projects without losing context.
04.
Responsive Design & WordPress Implementation
I translated the approved visual designs into a responsive WordPress website, working within a base theme and extending its capabilities where needed to achieve the intended layouts and functionality.
Theme Customization: Customized the base WordPress theme to establish the visual system, layouts, typography, and page structures for Bradac Co.
Custom Solutions: Where the theme's built-in functionality was limiting, I used plugins and custom HTML/CSS to extend its capabilities and achieve specific design requirements.
Responsive Design: Adapted layouts, typography, imagery, and content hierarchy across desktop and mobile to maintain a consistent and easy-to-navigate experience.
Flexible Content Structure: Built reusable layouts for projects, services, and other content, allowing Bradac Co to showcase its portfolio while maintaining consistency across the site.
05.
Outcome & Impact
The redesigned website puts Bradac Co’s portfolio and expertise at the center of its digital presence, giving prospective clients a clearer understanding of the firm’s capabilities and experience.
A structured information architecture makes it easier to explore services, industries, and projects, while the refined visual system reflects the caliber of organizations and spaces Bradac Co manages.
The result is a professional, portfolio-driven website that strengthens Bradac Co’s credibility and gives its business development efforts a more effective digital foundation.