Picnut - Brand and app for sharing event photos
“
One shared album for everyone at the event.
Picnut
Brand and app, 2014
About the project
Picnut is an iOS and Android app that collects photos and videos from everyone at an event into one shared collection, for trips, weddings and parties. In 2014 we designed the brand, a folded P icon with a script wordmark and a bright palette, then mapped the app, wireframed it and designed the final iOS and Android screens.
Project
Picnut Brand and App
Industry
Photo Sharing
Location
Online
Date
2014
“
Client Request
Picnut’s first app had too many steps. The client wanted a simpler way for a group, aged 15 to 30, to share and save photos from any event.
Picnut Inc.
Project brief, 2014
Design Pillars
Core Brand Principles
An innocent, optimistic tone, with a script wordmark and bright colors.
The folded P and wordmark have set sizes, from large down to tiny.
We cut steps from the first version so a group can start a collection fast.
Exploration
From Sketches to a Folded P
Sketches
We sketched icon ideas on paper in September 2014.
The Icon
A folded P, like a photo or a page, in an orange rounded square.
The App
Wireframes in October, then final iOS and Android designs by November 2014.
The Challenge
Problem Statement
The Main Goal: Make Group Photo Sharing Easy
At any event, photos end up spread across many phones. Picnut had to make one shared collection simple: invite people privately or with a passcode, add photos automatically, choose who can save, and back up to Dropbox, Google Drive or iCloud.
“
A fun and simple way for a group to share their photos and videos from any event.
Picnut Onboarding
Plexable, 2014
Our Approach
Solution
A Brand and an App Together
An app icon, a script wordmark with size rules, six colors, DIN and Helvetica Neue type, onboarding illustrations and the full iOS and Android design. It is an example of our Branding work.
01 - Icon and Wordmark
A folded P icon and a script wordmark in three set sizes.
02 - Color and Type
Orange leads, with yellow, green, purple and blue, set in DIN and Helvetica Neue.
03 - App
Onboarding, collections, invites and settings for iOS and Android.
Before & After
The Blueprint & Evolution
Sketch to Final Icon
We drew the icon by hand before building it on a grid.
Before: pencil sketches of the icon ideas.
After: the final Picnut icon and wordmark.
Design
Key Features
Color Onboarding
Each onboarding screen has its own brand color and an illustration for one feature.
Two Platforms
Matching designs for iOS and Android.
Design System
Visual Identity
Typography
DIN Medium and Helvetica Neue Bold, next to the script wordmark.
Color Palette
Orange, yellow, green, purple and blue on a dark navy base.
App Screens
Collections, photo grids and the home screen in the same colors as the brand.
Impact
From Icon to App
Results for Picnut
Picnut got a brand and a complete app design for iOS and Android, built around one shared collection per event.
Picnut
Result
By the Numbers
6 Brand Colors
Orange, yellow, green, purple, blue and navy.
2 Platforms
iOS and Android.
5 Onboarding Screens
One color and one feature per screen.
Exploration
The Logo Journey
From Pencil to Icon
We sketched the icon, built it on a grid as a folded P and paired it with a script wordmark. The same colors then carried the onboarding and app screens. You can see some of them below.
Final Showcase
The Picnut Brand
