MortonBuildings.com
Morton Buildings is a leader in custom-built post-frame construction, offering agricultural, commercial, and residential building solutions. The project required a modernized website redesign that could effectively showcase their diverse product offerings, improve the customer journey, and maintain branding consistency across digital platforms.
With a request to draw inspiration from Tesla’s 2018 website design, we focused on building a high-performing, visually compelling site while ensuring flexibility for future expansion. By analyzing key design components from leading websites, we strategically crafted a modular component library that balanced aesthetics, performance, and scalability.
Challenges + Solutions
Challenges Faced
- Budget Constraints: The project needed a high-quality, modern design without exceeding cost limitations.
- Diverse Product Offerings: Morton Buildings serves multiple industries, requiring an adaptable CMS structure.
- Component Reusability: The client wanted a scalable system that could be easily updated without requiring constant developer involvement.
SEO & Performance: Ensuring a fast, optimized experience while maintaining strong SEO foundations for organic traffic.
Solutions Implemented
I led the development and implementation of a scalable component-based architecture to meet these needs:
- Developed a Modular Component Library: Built reusable UI elements using Twig, ensuring easy updates and design consistency.
- Structured Content for Flexibility: Leveraged Craft CMS’s matrix fields to allow the client to dynamically create layouts without breaking the design.
- Optimized Performance: Minimized page load times with image optimization, lazy loading, and server-side caching.
- Implemented SEO Best Practices: Ensured structured data, semantic HTML, and metadata optimization to enhance discoverability.
Created Scalable Site Architecture: Built the system in a way that allowed future expansion, enabling new content types and pages without major structural changes.
Project Outcomes
- Cost-Effective Solution: Successfully delivered a Tesla-inspired design while staying within budget.
- Faster Page Load Speeds: Implemented performance optimizations that improved load times and user experience.
- Scalable & Future-Proof CMS: Built a flexible content management system that allows Morton Buildings to expand without developer intervention.
- Improved User Journey: Enhanced navigation and intuitive UI to drive better engagement and lead conversion.
Skills and Technologies
- Creative Problem-Solving
- PHP
- JavaScript
- Twig
- Craft CMS
- UX/ADA Compliance
- Linux
- Git
- Project Management
