Case study

PBC Construction inc

Welcome to the comprehensive case study of PBC Construction Inc.'s new landing page, meticulously designed and developed to showcase their illustrious history and unparalleled expertise in residential framing. This project was driven by the ambition to craft a sophisticated digital presence that not only honors PBC Construction Inc.'s legacy but also resonates deeply with their esteemed clientele.

View website Impact
Mobile Phone Illustration

Overview

Themes

UX strategy, UI design, web development, Web design

Roles

UX designer, UX developer

Tools

Figma, WordPress, Elementor, HTML, CSS, Javascript

Time frame

3 weeks November 2023- December 2023

Intro

Crafting a digital landing page for PBC Construction inc

PBC Construction Inc, renowned for their decades of excellence in the construction industry, approached us with a clear vision: to create a digital platform that reflects their commitment to quality craftsmanship and reliability. While their primary goal was not to attract new clients through the website, they recognized the pivotal role a modern online presence plays in reinforcing their longstanding reputation and maintaining strong relationships with existing clients.

In response to this challenge, we embarked on a journey to distill PBC Construction Inc.'s core values and expertise into a cohesive digital experience. Through meticulous planning and collaborative ideation, we were able to capture the essence of their craftsmanship and translate it into a visually compelling and user-friendly interface.

The resulting landing page not only serves as a showcase of PBC Construction Inc.'s impressive portfolio but also as a testament to their dedication to excellence. By blending minimalist design principles with impactful storytelling, we crafted a digital narrative that seamlessly guides visitors through their journey, from exploring past projects to understanding the company's ethos and capabilities.

Before

PBC Construction Inc page before image

After

PBC Construction Inc page After image

Goal

Defining the vision and mission

The primary objective of this project was to design and develop a sophisticated yet straightforward landing page that would serve as an enduring digital testament to PBC Construction Inc.'s decades of experience in residential framing. The challenge lay in creating a digital space that was both visually appealing and highly functional, capturing the essence of the company's rich history and unparalleled expertise.

While the emphasis was not on lead generation or client acquisition, the landing page needed to reinforce PBC Construction Inc.'s industry leadership and visibility. The goal was to create a platform that celebrated their long-standing commitment to quality and reliability, effectively communicating their brand values and achievements to both existing and potential stakeholders.

Main goals of the new version

Research insight

Identifying gaps in competitor websites

Through comprehensive competitor analysis, we uncovered a distinct lack of visually compelling and user-friendly interfaces within the construction sector. Many competitor websites were cluttered, difficult to navigate, and lacked a clear visual hierarchy, which made it challenging for users to find relevant information quickly and efficiently.

Research insight

Streamlining information architecture

Direct feedback from stakeholders underscored a critical need for a structured information architecture that swiftly communicates PBC Construction Inc.'s unparalleled expertise and credibility. This insight informed the deliberate organization of content and the strategic placement of key information on the landing page.

Research insight

Trust signals and project showcases

Indirect insights gleaned from industry trends highlighted a prevalent consumer preference for trust signals and tangible project showcases when evaluating construction services online. These findings steered our strategy towards prominently featuring notable project highlights, client testimonials, and endorsements from industry peers.

Research insight

Enhancing SEO

In-depth SEO analysis revealed untapped opportunities to bolster PBC Construction Inc.'s online visibility, notwithstanding their primary focus on cultivating offline client relationships. To address this, we meticulously integrated strategic keywords and optimized meta tags, ensuring the landing page ranks favorably on search engine results pages (SERPs).

Design considerations

Crafting a strong brand identity through thoughtful design

Central to our design ethos was the harmonious fusion of professionalism with approachability, reflected in a meticulously curated color palette and visual identity that seamlessly blend industry credibility with contemporary aesthetics. Custom illustrations and a cohesive branding strategy, including the creation of a distinctive logo, played a pivotal role in articulating PBC Construction Inc.'s unique identity and brand voice.

The design process began with extensive research into color psychology and industry trends, ensuring that our choices would resonate with both PBC Construction Inc.'s established clientele and potential new visitors. We aimed to create an inviting atmosphere that reflects the company's commitment to quality craftsmanship without appearing too austere or unapproachable.

A cohesive branding strategy was integral to articulating PBC Construction Inc.'s unique identity and brand voice. This involved creating a distinctive logo that encapsulates the essence of the company. The logo design process included several iterations and feedback sessions with the client to ensure it accurately represented their values and vision. The final logo is a modern yet timeless emblem that conveys strength, reliability, and innovation.

We asked a few design questions before jumping in

Color palette

Blue 400

#034B9F

Black 400

#0A0A0A

Black 500

#4D4D4D

White 100

#ffffff

Blue 50

#EDF0F4

Blue 150

#DCE0E4

Blue 200

#D2DCE8

White 200

#E3E3E3

Blue 100

#DEE9F6

Blue 500

#222931

White 300

#AAAAAA

Typography

The choice of typography on websites plays a crucial role in establishing a modern, readable aesthetic that enhances user experience. With versatile styles and web-optimized designs, well-chosen typography ensures clarity, accessibility, and a cohesive brand identity, fostering trust and engagement with users.

Poppins

The selection of the Poppins font for PBC Construction Inc.'s website played a crucial role in defining the site's modern yet professional aesthetic. Poppins, a geometric sans-serif typeface, is known for its clean lines and versatile design, making it an ideal choice for creating a sleek and contemporary look.

Heading one - Poppins semi-bold

Heading two - Poppins semi-bold

Heading three - Poppins semi-bold

Heading four - Poppins semi-bold

Heading five - Poppins semi-bold

Heading six - Poppins semi-bold

Body copy - Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, harum.

The launch

Rollout and deployment

Following rigorous testing and iterative refinement based on client feedback, the website was implemented using WordPress with Elementor. This combination was chosen for its powerful functionality, flexibility, and user-friendly interface, which would enable PBC Construction Inc. to easily manage and update their content as needed.

A key aspect of this implementation was ensuring robust functionality. We tested the website across multiple devices and browsers to guarantee a consistent and optimal experience for all users. From desktop computers to mobile phones, the site was optimized to be fully responsive, providing a smooth and engaging experience regardless of how visitors accessed it.

Ease of content management was also a priority. With the intuitive drag-and-drop interface of Elementor, the PBC Construction Inc. team can effortlessly update content, add new images, and make adjustments without needing extensive technical knowledge. This empowers them to keep their website current and relevant, reflecting their latest projects and achievements.

The successful deployment of the website marked a significant milestone in fortifying PBC Construction Inc.'s digital footprint. The new site not only augmented their established reputation but also positioned them for future growth and adaptation in an increasingly digital world. By providing a robust and visually compelling online presence, the website serves as a powerful tool for showcasing their expertise, engaging with their audience, and reinforcing their leadership in the construction industry.

Impact

Measuring success and growth

Post-launch analytics yielded compelling insights into enhanced online engagement metrics, underscoring the success of the redesign in achieving PBC Construction Inc.'s goals. The new website saw a significant improvement in user engagement, with visitors spending more time exploring the content and interacting with various elements. Specifically, session duration increased by an impressive 20%, indicating that users found the site both informative and engaging.

40%

Organic search traffic

The strategic SEO efforts led to a notable rise in visitors finding the website through search engines, enhancing PBC Construction Inc.'s visibility and reach.

20%

Session duration

Visitors spent significantly more time on the site, indicating higher engagement and interest in the content.

Testimonial

I could not be more thrilled with the website developed by Jacob for my residential framing business. It's a testament to his expertise and dedication. Throughout the process, Jacob demonstrated a deep understanding of our industry and needs, delivering a final product that exceeded expectations. I highly recommend Jacob for his commitment to excellence. Thank you for bringing my vision to life and helping my business thrive online.

Serge

Owner - PBC Construction INC

Finished product

Conclusion

Through the utilization of Figma, WordPress, and the Elementor plugin, we ensured a seamless development process. The end result is a website that not only meets the client's objectives but also provides an exceptional user experience for their target audience.

More case studies
Desktop illustration