Cloudinary Blog

Taking the labor out of baby books

How Baby's Firsts save development time with Cloudinary
Cloudinary helps Baby’s Firsts App deliver images quickly and preserve consistency from app to print. Baby’s Firsts is a free iPhone app that helps parents collect photos, instantly share photos via Facebook, Twitter and Flickr, and produce photo albums of their baby’s first year. Using more than 300 creative, developmentally timed reminders to capture key moments and milestones, the easy-to-navigate app enables parents to store photos in the cloud and create customized photo pages that are then transformed into heirloom-quality, printed baby books. 
 

The Challenge: Managing Storage and Seamlessly Supporting Image Transformations

Baby's Firsts App
While Baby’s Firsts is an app for new parents, what goes on behind the scenes is far more complex. As developers were creating the Baby’s Firsts app, they needed a storage solution that included enough space to store all the high-resolution photos that parents were taking and the customized pages they were creating, as well as a way to accurately move those photos and pages from the cloud to the printer.  
 
“We used Amazon S3 for storage in the past, and we assumed we’d do that again with this app,” said Kevin Bridges, innovation leader for the Baby’s Firsts app team.  “But the problem we ran up against was that our users were moving their photos around in our design frames, zooming in and cropping the images, and it was difficult to maintain those exact changes when the pages were transferred to the printer. I’ve done a lot of personalized print applications, and it’s always tough to re-render documents at various stages in the process and ensure continuity of the image.”
 
Initially the team thought that they would have to spend time developing a specialized app internally that would enable them to manage the different image transformations and reapply them correctly in the book creation process. But one of the developers had experience with Cloudinary, a comprehensive cloud-based image management solution, which solved Baby’s Firsts storage and image transformation challenges in a single solution.
 

The Cloudinary Solution: Maintaining Image Consistency from App to Printing

Since its launch in October 2014, there have been 105,000 downloads of the Baby’s Firsts app. More than 80,000 profiles have been created, and on a weekly basis, there are approximately 8,000 unique users, who are highly active, averaging about eight photo uploads per week.
 
Our users are thrilled with the app’s ease of use, the seamlessness of the process, and relieved to have a solution that saves time and reduces ‘baby book guilt’” Bridges said.  And at the heart of this success is Cloudinary. 
 
Cloudinary enables Baby’s Firsts to upload any image type from just a few images, to millions a day, through a variety of means – API, interactive manual uploads and customizable widgets that can be embedded into websites and apps – to its highly available, redundant, cloud-based persistent storage, with revision tracking and automatic back up. Cloudinary also supports processing of image manipulations and transformations on every device and at every resolution, without requiring local software installation or ongoing maintenance.
 
Baby's Firsts Collection
For Baby’s First's, once the app is downloaded and a profile is created, users upload photos of their child to the app, which pushes the high-resolution images to Cloudinary for storage. Baby’s Firsts then shows users a “moment tile”, a low-resolution version of the photo, which they can manipulate through Cloudinary’s cloud-based service, within a customized designed frame, which is then mapped to a book page.  By serving up screen-sized images to the app, Baby’s Firsts minimizes the bandwidth it requires, making it quicker to access photos and create the baby book pages.  
 
Cloudinary enables users to rotate, scale and crop photos within the frames  and then saves transformed images as a unique URL for each page of the baby book.  Every time that page is rendered, the image will appear just as the user saved it. 
 

Cloudinary’s Quick Photo Delivery and Customization Equal Happy Parents

Less than one year from its launch, app users have already captured more than 2.7 million moments! “The most important thing is that Cloudinary delivers a quick experience for our customers,” Bridges noted. “Every time a parent captures a baby photo, it is uploaded to the cloud and can be automatically incorporated into a design by the corresponding milestone. We couldn’t do that without Cloudinary – it’s something that keeps all of our users’ photos organized for them and allows us to produce a quality product that looks exactly like how our customers expect it to.”  
 
Are you using Cloudinary and would like to share your story? Let us know! We would be happy to tell our readers about it. 
 

Recent Blog Posts

Reimaging DAM--The Next-Gen DAM for Marketing & Dev

There are great digital asset management (DAM) products out there for uploading, storing, managing, organizing, and sharing digital assets. With Cloudinary's new end-to-end DAM solution, you can also upload and manage your assets efficiently, but the journey doesn't end there. It continues on to the development and delivery stages, so that your assets can be seamlessly manipulated, optimized, and delivered to create an engaging user experience that will in turn, increase conversion and loyalty.

Read more
Integrating Cloudinary with Forestry’s Media Library

At Forestry, we believe that there is a bright future for static HTML sites built with tools like Jekyll and Hugo. These tools can create sites that run well, and are easy to host and maintain, because they don’t require any server-side code.

Read more
Video Optimization With the HTML5 <video> Player

Lack of experience and compression knowhow can cause significant user-experience problems. For instance, on a major retail site, I recently ran into a 48 MB video-hero banner. Pulling out the video and encoding it as an H.264 MP4 reduces the size to 1.9 MB. So, despite the desire for more video content, developers have not yet caught up to best practices. How do we get the best of both worlds without creating a disaster like the one above?

Read more
Build a Facial Emotion Recognition Based Video Suggestion App

Developers are always looking for new and creative ways to deliver content that resonates with the way users feel. Often using the latest technical innovations the market has to offer such as Artificial Intelligence (AI) and Machine Learning (ML). What better way to demonstrate innovative uses of these technology in a consumer market than capturing expressions from your users and then serving content based on that expression!

Read more
Improve Customer Data Protection with GDPR Implementation

TL;DR

Yay! We've done it! Gold-Star for us! We've talked with all the people, made all the changes, paid all the lawyers and checked all the boxes. GDPR? ✅Done!

Not so fast. Of course, conforming to the GDPR regulations introduced in Europe is just the beginning. This is a process and a state of mind that must become part of our long-term cultural ethos.

Read more