Bold Design For A Creative Construction Powerhouse
[
Client
]
Scena Pro
[
Client
]
Scena Pro
[
Services
]
Framer Website
[
Services
]
Framer Website
[
Category
]
Website
[
Category
]
Website
[
Type
]
Full Website Design & Build
[
Type
]
Full Website Design & Build
[
Stack
]
Figma, Framer
[
Stack
]
Figma, Framer
[
See Highlights
]
[
See Highlights
]
Scena Pro, a creative construction company specialising in sets for TV, theatre, and exhibitions, needed a website that could showcase their impressive portfolio while providing intuitive content management for their growing business. After weighing us up against other agencies for over a year, they chose Fourseven Media due to our consultative approach and future SEO growth opportunities. We built a sophisticated Framer website with three interconnected CMS collections (workshops, disciplines, and projects) that link through relationship fields, allowing content to dynamically pull through and interlink across the site. The design leverages bold, image-led storytelling with full-bleed imagery on a dark theme, punctuated by striking orange accents and subtle micro-animations.
Key Deliverables
Interconnected CMS Architecture - Built three linked CMS collections (workshops, disciplines, and projects) with relationship fields allowing seamless cross-referencing and dynamic content pulling
Custom Component Development - Created bespoke coded components to extend Framer's native capabilities while maintaining clean, maintainable code
Image-Focused Design System - Developed a visually striking layout leveraging full-bleed imagery to showcase Scena Pro's high-end set construction work
Variable CTA System - Implemented page-type-specific calls-to-action ensuring relevant conversion points throughout the user journey
Intuitive Content Management - Delivered comprehensive CMS documentation enabling the client to independently manage and expand their portfolio
Micro-Animation Framework - Built subtle entrance animations to enhance engagement without overwhelming the bold visual design
Responsive Design Execution - Ensured flawless display across all devices with particular attention to image-heavy layouts
Results & Impact
Client Satisfaction - Scena Pro team thrilled with the delivered website, validating their decision after years of research
Immediate Content Growth - Client independently added 30+ new projects shortly after launch, demonstrating the CMS's usability
Enhanced Portfolio Showcase - Image-led design better represents the scale and quality of their TV, theatre, and exhibition work
Improved User Navigation - Interconnected CMS collections help visitors discover related disciplines and projects organically
Future SEO Foundation - Technical architecture built with search optimisation in mind, providing clear growth pathway
Conversion-Optimised Journey - Strategic placement of contact touch-points (call, email, message, visit) throughout the site
Technical Implementation
The website was built on Framer, leveraging its CMS capabilities to create a sophisticated content architecture. The core technical challenge was connecting three distinct CMS collections—workshops, disciplines, and projects—through relationship fields. This interconnected structure allows Scena Pro to showcase their work in multiple contexts; a single project can be linked to relevant disciplines and workshops, while discipline pages automatically pull through associated projects. Custom-coded components were developed where Framer's native functionality needed extension, though the focus remained on clean, maintainable solutions rather than over-engineering. The CMS was documented comprehensively, enabling the Scena Pro team to confidently manage content without ongoing developer support. Variable CTAs were implemented across different page types, ensuring visitors always have relevant conversion options whether they're viewing a specific project or exploring service offerings.
Key Deliverables
Interconnected CMS Architecture - Built three linked CMS collections (workshops, disciplines, and projects) with relationship fields allowing seamless cross-referencing and dynamic content pulling
Custom Component Development - Created bespoke coded components to extend Framer's native capabilities while maintaining clean, maintainable code
Image-Focused Design System - Developed a visually striking layout leveraging full-bleed imagery to showcase Scena Pro's high-end set construction work
Variable CTA System - Implemented page-type-specific calls-to-action ensuring relevant conversion points throughout the user journey
Intuitive Content Management - Delivered comprehensive CMS documentation enabling the client to independently manage and expand their portfolio
Micro-Animation Framework - Built subtle entrance animations to enhance engagement without overwhelming the bold visual design
Responsive Design Execution - Ensured flawless display across all devices with particular attention to image-heavy layouts
Results & Impact
Client Satisfaction - Scena Pro team thrilled with the delivered website, validating their decision after years of research
Immediate Content Growth - Client independently added 30+ new projects shortly after launch, demonstrating the CMS's usability
Enhanced Portfolio Showcase - Image-led design better represents the scale and quality of their TV, theatre, and exhibition work
Improved User Navigation - Interconnected CMS collections help visitors discover related disciplines and projects organically
Future SEO Foundation - Technical architecture built with search optimisation in mind, providing clear growth pathway
Conversion-Optimised Journey - Strategic placement of contact touch-points (call, email, message, visit) throughout the site
Technical Implementation
The website was built on Framer, leveraging its CMS capabilities to create a sophisticated content architecture. The core technical challenge was connecting three distinct CMS collections—workshops, disciplines, and projects—through relationship fields. This interconnected structure allows Scena Pro to showcase their work in multiple contexts; a single project can be linked to relevant disciplines and workshops, while discipline pages automatically pull through associated projects. Custom-coded components were developed where Framer's native functionality needed extension, though the focus remained on clean, maintainable solutions rather than over-engineering. The CMS was documented comprehensively, enabling the Scena Pro team to confidently manage content without ongoing developer support. Variable CTAs were implemented across different page types, ensuring visitors always have relevant conversion options whether they're viewing a specific project or exploring service offerings.
Key Deliverables
Interconnected CMS Architecture - Built three linked CMS collections (workshops, disciplines, and projects) with relationship fields allowing seamless cross-referencing and dynamic content pulling
Custom Component Development - Created bespoke coded components to extend Framer's native capabilities while maintaining clean, maintainable code
Image-Focused Design System - Developed a visually striking layout leveraging full-bleed imagery to showcase Scena Pro's high-end set construction work
Variable CTA System - Implemented page-type-specific calls-to-action ensuring relevant conversion points throughout the user journey
Intuitive Content Management - Delivered comprehensive CMS documentation enabling the client to independently manage and expand their portfolio
Micro-Animation Framework - Built subtle entrance animations to enhance engagement without overwhelming the bold visual design
Responsive Design Execution - Ensured flawless display across all devices with particular attention to image-heavy layouts
Results & Impact
Client Satisfaction - Scena Pro team thrilled with the delivered website, validating their decision after years of research
Immediate Content Growth - Client independently added 30+ new projects shortly after launch, demonstrating the CMS's usability
Enhanced Portfolio Showcase - Image-led design better represents the scale and quality of their TV, theatre, and exhibition work
Improved User Navigation - Interconnected CMS collections help visitors discover related disciplines and projects organically
Future SEO Foundation - Technical architecture built with search optimisation in mind, providing clear growth pathway
Conversion-Optimised Journey - Strategic placement of contact touch-points (call, email, message, visit) throughout the site
Technical Implementation
The website was built on Framer, leveraging its CMS capabilities to create a sophisticated content architecture. The core technical challenge was connecting three distinct CMS collections—workshops, disciplines, and projects—through relationship fields. This interconnected structure allows Scena Pro to showcase their work in multiple contexts; a single project can be linked to relevant disciplines and workshops, while discipline pages automatically pull through associated projects. Custom-coded components were developed where Framer's native functionality needed extension, though the focus remained on clean, maintainable solutions rather than over-engineering. The CMS was documented comprehensively, enabling the Scena Pro team to confidently manage content without ongoing developer support. Variable CTAs were implemented across different page types, ensuring visitors always have relevant conversion options whether they're viewing a specific project or exploring service offerings.
"I couldn’t be more pleased with Fourseven’s services. From start to finish, Nathan has gone above and beyond in helping create our final website. He consistently went out of his way to adapt the site to our needs, spending a lot of time understanding what we were trying to achieve and helping us shape and improve our ideas along the way. His input made a real difference in how the site turned out, both front-end and back-end. We’ve been very impressed with Nathan’s care and attention throughout the process. He took the time to explain how things work and guided us toward the best possible outcomes, resulting in a very effective website. Overall, we’re extremely happy with the level of service and commitment Nathan brought to the project. Highly recommended if you’re looking for someone who goes beyond the basics and adds real value."
-
Design & CRO
The design approach centres on bold, image-led storytelling that reflects the scale and creativity of Scena Pro's set construction work. Full-bleed imagery dominates the visual hierarchy, allowing their impressive TV, theatre, and exhibition projects to speak for themselves. A dark theme creates the perfect canvas for their work to stand out, punctuated by bold orange accents that guide attention to key actions and white elements (particularly testimonials) that provide crucial trust signals. Glassmorphism effects on the navigation menu add a contemporary, sleek touch without detracting from the content. Subtle micro-animations bring elements in from the bottom of the page as users scroll, creating engagement without overwhelming the experience. The conversion strategy focuses on making contact effortless—every page includes strategically placed CTAs, while the footer offers multiple touchpoints (call, email, message, visit) recognising that creative industry clients often have specific communication preferences. The minimal yet bold aesthetic speaks directly to Scena Pro's target audience of production companies and event organisers who value sophisticated design and creative excellence.
Future Growth Capabilities
The interconnected CMS architecture provides Scena Pro with significant scalability as their portfolio expands. Adding new projects, workshops, or disciplines is straightforward, with relationship fields automatically creating relevant cross-links throughout the site. This structure also establishes strong technical foundations for future SEO growth—a key factor in Scena Pro's decision to work with us after weighing up options for over a year. The semantic structure of linked content collections creates natural pathways for search engines to understand the breadth of services, while the image-optimisation approach ensures visual impact doesn't compromise page speed. As Scena Pro scales, the site can accommodate additional service offerings or content types without requiring structural rebuilds, and the clean codebase makes future enhancements or integrations straightforward to implement.
Design & CRO
The design approach centres on bold, image-led storytelling that reflects the scale and creativity of Scena Pro's set construction work. Full-bleed imagery dominates the visual hierarchy, allowing their impressive TV, theatre, and exhibition projects to speak for themselves. A dark theme creates the perfect canvas for their work to stand out, punctuated by bold orange accents that guide attention to key actions and white elements (particularly testimonials) that provide crucial trust signals. Glassmorphism effects on the navigation menu add a contemporary, sleek touch without detracting from the content. Subtle micro-animations bring elements in from the bottom of the page as users scroll, creating engagement without overwhelming the experience. The conversion strategy focuses on making contact effortless—every page includes strategically placed CTAs, while the footer offers multiple touchpoints (call, email, message, visit) recognising that creative industry clients often have specific communication preferences. The minimal yet bold aesthetic speaks directly to Scena Pro's target audience of production companies and event organisers who value sophisticated design and creative excellence.
Future Growth Capabilities
The interconnected CMS architecture provides Scena Pro with significant scalability as their portfolio expands. Adding new projects, workshops, or disciplines is straightforward, with relationship fields automatically creating relevant cross-links throughout the site. This structure also establishes strong technical foundations for future SEO growth—a key factor in Scena Pro's decision to work with us after weighing up options for over a year. The semantic structure of linked content collections creates natural pathways for search engines to understand the breadth of services, while the image-optimisation approach ensures visual impact doesn't compromise page speed. As Scena Pro scales, the site can accommodate additional service offerings or content types without requiring structural rebuilds, and the clean codebase makes future enhancements or integrations straightforward to implement.
Design & CRO
The design approach centres on bold, image-led storytelling that reflects the scale and creativity of Scena Pro's set construction work. Full-bleed imagery dominates the visual hierarchy, allowing their impressive TV, theatre, and exhibition projects to speak for themselves. A dark theme creates the perfect canvas for their work to stand out, punctuated by bold orange accents that guide attention to key actions and white elements (particularly testimonials) that provide crucial trust signals. Glassmorphism effects on the navigation menu add a contemporary, sleek touch without detracting from the content. Subtle micro-animations bring elements in from the bottom of the page as users scroll, creating engagement without overwhelming the experience. The conversion strategy focuses on making contact effortless—every page includes strategically placed CTAs, while the footer offers multiple touchpoints (call, email, message, visit) recognising that creative industry clients often have specific communication preferences. The minimal yet bold aesthetic speaks directly to Scena Pro's target audience of production companies and event organisers who value sophisticated design and creative excellence.
Future Growth Capabilities
The interconnected CMS architecture provides Scena Pro with significant scalability as their portfolio expands. Adding new projects, workshops, or disciplines is straightforward, with relationship fields automatically creating relevant cross-links throughout the site. This structure also establishes strong technical foundations for future SEO growth—a key factor in Scena Pro's decision to work with us after weighing up options for over a year. The semantic structure of linked content collections creates natural pathways for search engines to understand the breadth of services, while the image-optimisation approach ensures visual impact doesn't compromise page speed. As Scena Pro scales, the site can accommodate additional service offerings or content types without requiring structural rebuilds, and the clean codebase makes future enhancements or integrations straightforward to implement.
Project Highlights
Instant authority building with blue chip client logo carousel
Instant authority building with blue chip client logo carousel
Instant authority building with blue chip client logo carousel
Detailed menus and linking between pages to create hierachical navigation based on user intent
Detailed menus and linking between pages to create hierachical navigation based on user intent
Detailed menus and linking between pages to create hierachical navigation based on user intent
Navigation between projects > disciplines > workshops to improve engagement rates on site
Navigation between projects > disciplines > workshops to improve engagement rates on site
Navigation between projects > disciplines > workshops to improve engagement rates on site
Intricate yet bold CMS collections to showcase projects
Intricate yet bold CMS collections to showcase projects
Intricate yet bold CMS collections to showcase projects
Bold visuals across CMS pages
Bold visuals across CMS pages
Bold visuals across CMS pages
More Projects
More Projects
More Projects
