Website • B2B
Siegfried Engineering
SOLE UX/UI DESIGNER & Low-Code developer
Redesigned a firm’s site for its 70th anniversary celebration by modernizing UI, navigation, and content flow for its portfolio and blog.
Problem
When Siegfried Engineering brought me on to redesign their website for their 70th anniversary, their main concern was that the site no longer reflected who they were as a firm. The UI was outdated as the visual design felt flat, and the overall experience failed to communicate their innovation and technical excellence. Key parts of their story like their industry leadership and decades-long legacy, were missing or underplayed.
The site also sent mixed signals about their focus. While residential services were listed, they often attracted small-scale inquiries that didn’t align with their core strengths in large-scale corporate and public projects. They needed a clearer message: Siegfried Engineering is a major player with expertise across civil, structural, geotechnical, surveying, and public outreach.
The site also sent mixed signals about their focus. While residential services were listed, they often attracted small-scale inquiries that didn’t align with their core strengths in large-scale corporate and public projects. They needed a clearer message: Siegfried Engineering is a major player with expertise across civil, structural, geotechnical, surveying, and public outreach.
Their portfolio was hindered by non-standard practices, such as associating projects with individual staff bios. This fragmented approach made it hard for users to understand the firm’s capabilities or explore their impressive body of work.
The blog (called Insights) had grown inconsistent in tone and structure over time, and the Careers section wasn’t effectively showcasing the firm’s culture or helping them attract top talent. The Awards page was a dense, unreadable table, and the contact form had technical issues that blocked lead notifications from reaching the marketing team.
Additional issues, such as poor accessibility contrast and outdated branding elements, lowered user trust. The website did not reflect the refreshed brand identity shown in their social media. Key elements like vibrant grid graphics, creative iconography, and a cohesive visual system were missing from the website.
Solution
I redesigned Siegfried Engineering’s site to better reflect their authority and professionalism. Inspired by clean, high-end design firms, I modernized the UI with bold typography, subtle animations, and high-contrast colors that aligned with their updated branding. I replaced the dull gray background with bright white and adjusted the text for better readability and accessibility.
The homepage now features a dynamic hero carousel with a custom 70th anniversary video. Each engineering discipline has its own dedicated page with a concise description and project gallery, replacing outdated staff-linked layouts. Employee profiles were moved to a streamlined People page for a cleaner, more professional presentation.
To honor their legacy, I created a dedicated section with subpages for History, Culture, People, and Awards. Archival photos and a visual timeline helped tell the story of their 70 years in business. The Awards page was redesigned with a tabbed layout and added a logo wall for quick recognition of their accomplishments.
The blog (Insights) received a full refresh with a grid-masonry layout, visual quote sections, and consistent styling. I also featured recent posts at the bottom of related pages to improve visibility. On the Careers page, I embedded their ADP job listings and added an accordion for company benefits. The Internships page includes program details, career fair dates, and testimonials from former interns.
I updated the contact form design and resolved a complex integration issue by coordinating with their third-party security provider, ensuring email alerts were delivered without compromising system security. To wrap up, I built a comprehensive training guide and updated their internal instruction site so their team could manage future updates confidently.
