Interaction Design
—
Art Direction
—
Custom Website
—
WordPress
—
Adobe Photoshop
—
Adobe XD
—
UX Design
—
HTML / CSS
—
Branding
Petersen Brothers Construction | 2025
More Than a Website
Problem
The existing website for Petersen Brothers Construction (PBC) didn’t reflect their accomplishments. Although they are one of Southern Idaho’s largest and most respected construction companies, their website was uninspired and failed to effectively generate leads. It wasn’t a platform that communicated the strength of PBC’s brand or its dedication to exceptional craftsmanship. But what if their website functioned as a visual portfolio first, and a construction site second? This approach would elevate their brands and speak to their core beliefs of quality, integrity, and leadership.
Discover
Process
The project was initially one filled with uncertainty. The failure of our previous attempts to redesign PBC’s site had left me with a mental burden of impossible perfection when leading this project, but I was determined. Leaning on the advice from my team, I was able to move forward with the convictions of “don’t think about the past,”, “do anything and try everything,”, and “just let loose.” I quickly adopted a mindset of flexibility and exploration. I was given specific design references from the client, which became the foundation for my creative process. I supplemented those with a detailed focus on visual hierarchy, interaction design, photography, bold colors, and clean typography to enhance PBC’s visual identity.
I crafted several wireframes, mockups, and high-fidelity prototypes. I decided to re-edit all of their photos to be ultra-impactful, colorful, and sharp to match the powerful, dynamic layout and to highlight their exceptional work. When it came time to review, the owner, Jeremy Petersen, and his team loved the design, their only feedback being to include more red. Building the site, I struggled with implementing various custom code and design elements I’d never developed before — a new method on every page. My flexibility in researching new ideas, learning new processes, and finding solutions helped me develop the website despite its challenges. This pushed me to learn new skills, particularly in JavaScript and Photoshop, ensuring every visual detail supported the narrative of PBC’s exceptional craftsmanship. By focusing on creating an intuitive user journey that showcased PBC’s portfolio, services, and brand story with maximum visual impact, I was able to transform the website into a true representation of PBC’s professionalism and expertise.
The completed website became a visual manifestation of Petersen Brothers Construction’s values — quality, integrity, and leadership. This project taught me the importance of persistence and humility in the design process. More importantly, I learned the value of asking for help to improve not only my design and technical skills but my ways of thinking. The impact was immediate: the client was thrilled with the results, and the new site delivered tangible brand value by boosting engagement and showcasing their portfolio in a way that inspired praise and rapport. Looking forward, the success of this project has set a new benchmark for my design journey, encouraging me to continue pushing boundaries and embracing challenges.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 15 11" xmlns="http://www.w3.org/2000/svg"><path d="M 1.362 0 C 0.61 0 0 0.61 0 1.362 C 0 1.791 0.202 2.194 0.545 2.452 L 6.721 7.084 C 7.045 7.326 7.487 7.326 7.811 7.084 L 13.987 2.452 C 14.331 2.194 14.532 1.791 14.532 1.362 C 14.532 0.61 13.922 0 13.17 0 Z M 0 3.179 L 0 9.082 C 0 10.084 0.815 10.899 1.817 10.899 L 12.716 10.899 C 13.717 10.899 14.532 10.084 14.532 9.082 L 14.532 3.179 L 8.356 7.811 C 7.709 8.296 6.823 8.296 6.176 7.811 Z" fill="rgb(17, 17, 17)" height="10.898938293762207px" id="fAVnke0cX" transform="translate(0 0.093)" width="14.532px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M 13.494 0 L 1.035 0 C 0.464 0 0 0.47 0 1.048 L 0 13.484 C 0 14.062 0.464 14.532 1.035 14.532 L 13.494 14.532 C 14.065 14.532 14.532 14.062 14.532 13.484 L 14.532 1.048 C 14.532 0.47 14.065 0 13.494 0 Z M 4.392 12.456 L 2.238 12.456 L 2.238 5.521 L 4.395 5.521 L 4.395 12.456 Z M 3.315 4.574 C 2.624 4.574 2.066 4.013 2.066 3.325 C 2.066 2.637 2.624 2.076 3.315 2.076 C 4.003 2.076 4.564 2.637 4.564 3.325 C 4.564 4.016 4.006 4.574 3.315 4.574 Z M 12.466 12.456 L 10.312 12.456 L 10.312 9.082 C 10.312 8.278 10.296 7.243 9.193 7.243 C 8.07 7.243 7.899 8.119 7.899 9.024 L 7.899 12.456 L 5.745 12.456 L 5.745 5.521 L 7.811 5.521 L 7.811 6.468 L 7.84 6.468 C 8.129 5.923 8.833 5.349 9.88 5.349 C 12.06 5.349 12.466 6.786 12.466 8.654 Z" fill="rgb(17, 17, 17)" height="14.531993400000001px" id="eQ5WmD4Dc" transform="translate(0 0.039)" width="14.532px"/></svg>)