Tomato.co.uk
The Tomato Design Studio website was developed as a headless WordPress-powered GatsbyJS site to showcase the studio's extensive portfolio of multimedia art, design, and exhibitions. Designed from the ground up, the website seamlessly blends performance, aesthetics, and usability, reflecting Tomato’s creative vision.
With a focus on high-speed performance, structured content management, and best-in-class SEO, the site provides an immersive experience for visitors exploring the studio’s projects, journals, and exhibitions.
Key Features
Custom Design & UX
- Fully custom-designed from scratch to align with Tomato’s artistic identity.
- Smooth filtering system for projects based on category, year, and status.
- Portfolio showcase with dynamic layouts and high-resolution visuals.
Performance & SEO
- 100/100 Google PageSpeed Insights score for Performance, SEO, and Best Practices.
- Yoast SEO integration ensuring structured metadata, Open Graph, and optimized search visibility.
- Lazy loading and asset optimization for enhanced speed and efficiency.
Content Management & Scalability
- WordPress as the backend CMS, allowing easy content updates.
- Custom post type for Journal entries to manage editorial content.
- Flexible content structure with categories and filters for seamless navigation.
Hosting & Deployment
- WordPress backend hosted on Cloudways for reliability and scalability.
- Gatsby frontend deployed on Netlify, leveraging static site generation for ultra-fast loading.
Multimedia & Third-Party Support
- Video embeds supported for showcasing multimedia projects.
- No additional third-party integrations, keeping the website clean and streamlined.
Categories
PortfolioResponsiveBlog
Technologies
GatsbyReactWordpressPHPSCSSGithub