MOBILE PHOTOGRAPHY APP
Filmborn introduces a new generation to the beauty and timelessness of esteemed film stocks' by offering a true-to-film experience, preserving analog film's look for the digital future of photography.
Publisher: Mastin Labs, Inc.
Category: Photo & Video
Release: Nov 03, 2016 - Jan 2020
Downloads: Half a million.
Feature App: 2x US market, 1x Asian market
Work on Filmborn began with an in-depth discussion with Mastin Labs' CEO about his short and long-term aspirations for the camera and photo editing app. What were the problems with existing apps that Filmborn would solve, and what new features would the app bring to the Photo & Video category?
CAMERA & PHOTO EDITING APPS
- Overloaded with tools and filters.
- Photos required editing to look good.
- Filters are trendy and dated.
- No quick access back to the camera.
- Edits are destructive/baked-in.
- Internal photo libraries that require exporting.
- Lack of features to capture better images.
Throughout the Development phase, we extensively used competitor apps to identify what they did well and their common mistakes. To fully understand why certain things were bad experiences in other apps, I broke down and analyzed the user experience of competitors' key interactions. This research and testing led to decisions about our approach to solving the problems we had identified.
BETTER PHOTOS, LESS TIME.
This became the mission statement of Filmborn. To put this statement into the context of a user story we could work from and connect with, I wrote an Experience Treatment™, a document that helps guide the initial development stages. This production phase also involved extensive R&D into reproducing the companies' successful film emulation presets for Adobe Lightroom within the iOS platform's capabilities.
Using the Experience Treatment™ and research from the development phase, I wrote the first draft of an Interaction Script™, describing how every aspect of Filmborn will be used and experienced. Just like a film script, this method reveals strengths and weaknesses in the initial concept early on. Once we had a development studio contracted to code Filmborn, input from them helped rework and refined the IX script.
Additional R&D, along with wireframes, flow and Interaction storyboards, visual development, and mock-ups, are produced at this stage.
Camera: In-app Purchase/Restore
Camera: Image Capture
This short storyboard represents an interaction concept for image capture. A newly captured image rapidly slides down into a nesting position behind the camera tab bar, offering visual confirmation of successful image capture and a subtle reference to advancing a film roll in an analog camera.
Camera and Configuration Panel
Presented below is a series of concepts showing the design exploration of icons and layout for the camera interface as they are reworked and simplified in the emerging visual brand.
At this stage in the production process, the approved Interaction Script™ guided the iterative design refinement and coding during the app's production, ensuring the same information and understanding directs all work. The development studio coding Filmborn used a dedicated process for tracking work, but this production model managed and drove the entire project.
The following samples represent the debut build; Filmborn 1.0.
FILMBORN: V 1.0
Library and Loupe
FILMBORN: V 1.0
Three Darkroom panels provide a cohesive editing experience, offering efficient and consistent edits in less time. We improved the mobile photo editing experience by eliminating the need to save individual changes to a photo and making edits non-destructive.
FILMBORN: V 1.0
Manual & Education
After the extensive work designing, coding, and testing Filmborn during the production phase, post-production was used to add motion to the interface; finalize in-app images and video content; perform last-minute tailoring of the UI and code; build a website, and produce marketing content.
Art Direction: Chad Syme
UI Animation: Issara Willemskomer of UX in Motion
I met with the Director of Marketing as she was putting together pre-launch plans for early press and a marketing campaign for Filmborn's debut. In this phase, my roles were art director, principal designer, producer, and project manager. I designed and produced all static media and some videos, contributing copywriting for the press kit and digital ads. As a producer and art director, I helped create marketing videos. I Prepared and manage an external testing environment for media outlets and set up an online and App Store presence for Filmborn.
'The emulation here of actual photographic film may be the best around, even compared to stalwarts like Hipstamatic and VSCO.'
– PC Magazine.
'I love the idea of having the features of my film and digital cameras in my phone.'
'This excellent camera app wants to make you love film and become a better photographer.'