Studio IRE
Cinematic Photography Portfolio Website
Studio IRE is a conceptual photography brand blending cinematic composition with fashion-forward concepts. They needed a digital presence that reflected their visual artistry and editorial edge while also functioning as a practical, conversion-friendly portfolio for potential clients and collaborators.
The goal was clear:
Showcase work beautifully without unnecessary clutter
Simplify navigation to keep visitors engaged
Enable quick contact from anywhere on the site
Visit Website
The Challenge
Immersion without distraction — The site needed to feel cinematic and editorial without becoming heavy or slow.
Easy project updates — The client wanted to add new work without needing a developer.
Frictionless contact — Traditional contact pages risked losing visitors mid-browse. The solution had to be accessible, non-intrusive, and instant.
The Solution
I designed and developed a custom Framer site with an editorial aesthetic, dynamic CMS-driven project pages, and a bespoke Contact CTA + overlay form component that appears on every page.
Core Elements
1. Immersive Homepage
Hero section introducing Studio IRE’s identity and ethos
Works section powered by VibeScroll for smooth, cinematic project previews
Clear narrative flow guiding the user from brand intro → portfolio → contact
2. CMS-Powered Project Showcase
6 curated project pages with dynamic layouts, large-format photography, and minimal text for focus
Built in Framer’s CMS for simple content updates
3. Archive Page
Grid-style index of past projects for quick reference
Lightweight design for fast loading and clean navigation
4. Global Contact CTA Component
Always visible on all pages
Displays main CTA card with brand tone (“Let’s create something remarkable together.”)
On click, smoothly transitions into a container-sized contact form overlay (not full-screen)
Close button instantly returns to CTA view without page reload
Designed as a reusable component, now Marketplace-ready
5. Responsive & Optimized
Fully adapted for mobile, tablet, and desktop
Maintains editorial feel while ensuring quick load times
Design Decisions
Cinematic Image Ratios: Large, full-width imagery to mirror magazine spreads.
Minimal Typography: Clean sans-serif paired with generous white space for a premium feel.
Consistent Rhythm: Content spacing, gap controls, and alignment settings applied globally for balance.
Persistent Engagement: Contact CTA on every page to shorten the conversion funnel.
Results (Hypothetical for portfolio framing)
Reduced clicks-to-contact from 3 steps to 1 with the overlay form
Increased time-on-site by ~25% due to seamless navigation flow
Portfolio now editable in-house without developer support
Stronger perceived brand value through cinematic presentation
Project Deliverables
UX/UI Design in Framer
Custom CMS integration for portfolio projects
Global Contact CTA + overlay form component
Responsive, performance-optimized build
Legal pages (Privacy Policy, Terms of Use)
404 custom error page
