Mistick Construction
Custom Website Design & Development
Pittsburgh-based Mistick Construction has been a trusted general contractor for over 70 years, specializing in multifamily residential and affordable housing projects. Their team approached us to redesign their website to better reflect their expertise, culture, and long history of building with purpose.
Challenge
Mistick’s existing website no longer represented the depth of their experience or the relationships they’ve built across the community. It was static, outdated, and lacked the engaging functionality today’s decision makers expect. Their leadership team knew they needed a digital presence that would build market confidence, highlight their 70+ year track record, and clearly communicate their services to developers, architects, and governmental agencies. At the same time, the site needed to be approachable, modern, and aligned with the company’s culture of collaboration and long-standing reputation for excellence.
Solution
We partnered with Mistick to deliver a complete website transformation. The new site positions them as an established, capable, and relationship-driven contractor, while bringing their project portfolio, services, and markets to the forefront. Through updated design, intuitive navigation, and strategic content placement, the website now clearly tells Mistick’s story: not just building buildings, but building lasting partnerships and communities.
Strategy
Our process began with a discovery and strategy phase that engaged multiple stakeholders, including Mistick’s president, COO, business development VP, and marketing associate. Together, we outlined goals to:
- Refresh the brand online to match their credibility and history.
- Improve user journeys for developers, architects, and agencies.
- Make project portfolios and services easy to access.
- Provide a foundation for future growth with a flexible CMS.
Wireframes and information architecture were created to ensure clarity and intuitive navigation, while the sitemap and page templates were designed to highlight both credibility factors (experience, testimonials, statistics) and actionable pathways (contact forms, plan room access).
Design
The design direction drew inspiration from Mistick’s three-pillar logo mark and long-standing reputation for reliability. The visual approach strikes a balance between professional and approachable — not overly bright or moody, but sophisticated and timeless. We utilized the brand’s navy and gold palette, clean sans-serif typography, and project imagery to create a polished, modern interface. Elements such as angled shapes and layered imagery reinforce the company’s established identity while presenting them as forward-looking leaders in the construction space.
Functionality
The build-out included robust features to support both users and Mistick’s internal team:
- Case Studies/Projects Module: A dynamic portfolio that allows filtering by market and easy cross-population across the site.
- News/Updates Module: A blog section that provides timely insights and reinforces industry leadership.
- Custom Templates: Home, case study, and internal templates were designed for flexibility and easy content management.
- CMS Control: Mistick’s team can add, edit, and manage pages and modules independently.
- Security & Accessibility: HTTPS/SSL for secure browsing and Level A ADA compliance for accessibility.
- Responsive Design: Optimized for desktop, tablet, and mobile, ensuring a seamless user experience across devices.
Conclusion
The new Mistick Construction website establishes the company as a trusted, modern, and experienced general contractor while staying true to its legacy of building with purpose. With refreshed design, intuitive functionality, and clear communication of services and values, the site now strengthens Mistick’s credibility, deepens engagement with decision makers, and provides a scalable digital platform for future growth.
Questions?
We're always happy to hear from you. Use our contact form, or just give us a call: 412-353-1050
Start a Project
If you have a project in mind and would like a proposal, we'll need a few specific details. Head over to our project inquiry form.
Request a ProposalHow to Choose a Web Design Company
How do you know you’re selecting the right web design vendor? This guide will help you navigate the vendor selection process, ask the right questions, and select a strong partner for your digital marketing efforts.