Reelio is a Framer template for photography and film studios. It pairs an editorial look with everything a client needs to decide: a 12-section homepage, CMS-driven projects and journal, and About, Contact, legal and 404 pages.
Approach
I structured the site to sell as well as show. A showreel alone rarely wins a job, so every page moves visitors from the work toward services, pricing and a quote request.
Vision and innovation
The design takes an editorial point of view: large type, generous spacing and a strict grid. Scale does the work that decoration usually does, so the images and headlines carry the page.
Identifying unique challenges
Studios have to combine striking imagery with a lot of commercial information: services, process, pricing, FAQs and proof. Put all of that on one page and the work gets buried.
Resolving complex problems
Accordions hold the dense details, so pricing, outcomes and timeframes are one click away without crowding the layout. A multi-collection CMS drives the project pages, which pull in services, locations, clients and credits automatically.
User-centric design
Content follows the order clients use to evaluate a studio: work, services, process, pricing, then social proof and contact. The template works for independent photographers and videographers as well as production companies.
Pages and features
A 12-section homepage
Projects and project detail pages
Journal and article pages
About, Contact, legal pages and a custom 404
Accessibility and optimization
Pages are set up for SEO, include a placeholder for structured data and load quickly despite heavy imagery.
Conclusion
Reelio is ready to launch out of the box: a single place to show the work, explain the offer and collect qualified enquiries.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 24.635 22.866 C 25.123 23.355 25.123 24.147 24.635 24.635 C 24.147 25.123 23.355 25.123 22.866 24.635 L 12.501 14.268 L 2.135 24.635 C 1.647 25.123 0.855 25.123 0.366 24.635 C -0.122 24.147 -0.122 23.355 0.366 22.866 L 10.734 12.501 L 0.366 2.135 C -0.122 1.647 -0.122 0.855 0.366 0.366 C 0.855 -0.122 1.647 -0.122 2.135 0.366 L 12.501 10.734 L 22.866 0.366 C 23.355 -0.122 24.147 -0.122 24.635 0.366 C 25.123 0.855 25.123 1.647 24.635 2.135 L 14.268 12.501 Z" fill="rgb(0, 0, 0)" height="25.00139023844741px" id="jBymG44fK" transform="translate(7.499 7.499)" width="25.001390238447406px"/></svg>)