Cloudinary Blog

Taking the labor out of baby books

By Nicole Amsler
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

Generate Waveform Images from Audio with Cloudinary

This is a reposting of an article written by David Walsh. Check out his blog HERE!
I've been working a lot with visualizations lately, which is a far cry from your normal webpage element interaction coding; you need advanced geometry knowledge, render and performance knowledge, and much more. It's been a great learning experience but it can be challenging and isn't always an interest of all web developers. That's why we use apps and services specializing in complex tasks like Cloudinary: we need it done quickly and by a tool written by an expert.

Read more
Make All Images on Your Website Responsive in 3 Easy Steps

Images are crucial to website performance, but most still don't implement responsive images. It’s not just about fitting an image on the screen, but also making the the image size relatively rational to the device. The srcset and sizes options, which are your best hit are hard to implement. Cloudinary provides an easier way, which we will discuss in this article.

Read more

The Future of Audio and Video on the Web

By Prosper Otemuyiwa
The Future of Audio and Video on the Web

Web sites and platforms are becoming increasingly media-rich. Today, approximately 62 percent of internet traffic is made up of images, with audio and video constituting a growing percentage of the bytes.

Read more

Embed Images in Email Campaigns at Scale

By Sourav Kundu
Embed Images in Email Campaigns at Scale

tl;dr

Cloudinary is a powerful image hosting solution for email marketing campaigns of any size. With features such as advanced image optimization and on-the-fly image transformation, backed by a global CDN, Cloudinary provides the base for a seamless user experience in your email campaigns leading to increased conversion and performance.

Read more
Build the Back-End For Your Own Instagram-style App with Cloudinary

Github Repo

Managing media files (processing, storage and manipulation) is one of the biggest challenges we encounter as practical developers. These challenges include:

A great service called Cloudinary can help us overcome many of these challenges. Together with Cloudinary, let's work on solutions to these challenges and hopefully have a simpler mental model towards media management.

Read more

Build A Miniflix in 10 Minutes

By Prosper Otemuyiwa
Build A Miniflix in 10 Minutes

Developers are constantly faced with challenges of building complex products every single day. And there are constraints on the time needed to build out the features of these products.

Engineering and Product managers want to beat deadlines for projects daily. CEOs want to roll out new products as fast as possible. Entrepreneurs need their MVPs like yesterday. With this in mind, what should developers do?

Read more