Shot on iPhone
Shot on iPhone is a black-and-white photography portfolio for Lorenzo Bocchi. The site turns a personal archive into a focused interactive gallery, with flow, grid and map modes that keep the photographs central while making the collection feel considered and tactile.
Year
2024
Project
Personal photography portfolio
Scope
Frontend development, interaction build, responsive gallery, performance pass
Industry
Photography, Personal Portfolio
Technologies
Next.js
Supabase
Vercel
CSS ModulesHighlights
- Black-and-white visual system that keeps the photography as the primary interface
- Flow, grid and map browsing modes for different ways into the archive
- Full-screen composition tuned for desktop and mobile viewing
- Lightweight interactions that support the mood without overpowering the work
Briefing & Challenges
Client Brief
“The portfolio needed to feel personal and cinematic without becoming a heavy editorial site. The interface had to disappear behind the photographs, but still give the archive a strong structure.”
Challenges
- Balancing a sparse UI with enough navigation for a large image archive
- Keeping image-heavy views fast and stable across breakpoints
- Making the site feel immersive without hiding the basic browsing controls
Our Approach
Photography first
The layout strips the interface back to essential controls, letting the images create the rhythm while typography and spacing stay quiet.
Multiple modes
Flow, grid and map views give the project more than one entry point, so the archive can be browsed emotionally or systematically.
Responsive atmosphere
The build keeps the dark photographic atmosphere intact on smaller screens, with controls and image sizing tuned for touch.
The Results
Project Highlights
Flow View
A cinematic browsing mode for moving through the image archive with large, high-impact compositions.
Grid View
A denser view that makes the collection easier to scan without breaking the visual language.
Map View
A location-led layer that gives the personal archive a sense of travel and memory.
Similar Projects
Invest at the right stage
Launching Sprint
For landing pages, MVP stores, personal portfolios, photography collections, and focused launches that need a clean first release.
Essentials only. Launch a branded store, landing page, portfolio, or photo collection that converts, is easy to edit, and gets your idea in front of the market fast.
Growth Build
For custom websites, Shopify builds, WordPress theme development, CMS systems, redesigns, and campaign-ready foundations.
Scale your product or take the next step with a custom website that supports launches, content workflows, and long-term growth. Includes 3 months of complimentary SEO support after launch.
Enterprise / Ongoing Partner
For complex commerce, global rollout, multi-market systems, and long-term retainers.
We design scalable e-commerce platforms, modular systems, and tailored workflows for large teams working across markets.
