Mobile Experience | Tool for Creativity
2015 - Now
Make a Tool with Which People Can Create Their Own Posters Easily & Instantly
Many share a passion, or even obsession, for typographic layouts with perfect alignment. Posteroid’s concept started from this simple idea: Let’s build a creative tool with which, in just a few steps, people without any design knowledge can make beautifully designed posters.
As the second self-initiated side project for our team, all happened in-house from conceiving the idea, designing all details to implementing the product. Today, you can find Posteroid both on App Store and Google Play with amazingly positive reviews and ratings.
Soon to be released!
"Design, Prototype, Define, Develop and Iterate Continuously."
Posteroid’s evolution continues to provide a better way for people to share their messages. As our own product and service, we make an effort to improve it whenever we have time. Posteroid has been a great exercise for strengthening the team's ability and understanding throughout our process of design and development.
1 / 3
Definition of Layout Rules
We started of defining adaptive layout rules called Block and Sudoku. We added some basic options later.
2 / 3
First Prototype on Web
Before actual development, we prototyped the functionalities of Posteroid on web.
3 / 3
A Set of Selected Icons
We crafted all design details to position Posteroid as a simple yet powerful design tool.
"Posteroid magically turns your photos and message into a beautiful graphic poster."
Let your message stand out and shine on a poster! Posteroid will literally 'design' your poster as you type, using its own adaptive layout logic. It is not about providing a sea of options but provoking one's creativity with a minimal set of controls.
In the first step of creation, you can select what makes your canvas: your photo. You can resize the photo with two finger gestures and reposition it if you like. You can apply a blur filter on your photo with the slider on the right. Last but not least, we also provide a range of canvas ratios to which your design will adapt.
At the end of the day, it is all about what you say. As you type your message, Posteroid magically puts it into an immaculately designed form. You can choose from 5 different layouts: Block, Sudoku, Left, Center or Right. Using another control, you can position your message at the top, middle or bottom of the canvas. You can also adjust the line height (the spaces between the lines) using the slider on the right.
What typeface you use determines the voice of your message. Posteroid provides a selection of fonts covering many languages around the world. The icing on the cake is the slider which allows you to adjust the letter spacing. Enjoy how charmingly all layout options are applied and how many looks your message can achieve.
It’s time for the final touch. Color options for Posteroid are versatile: both the text and background can be filled with either a single color or color gradient. Gradients can be either linear or radial and have more colors added to them by tapping anywhere on the color strip. If you want to remove a color, you can simply drag it out. The slider at this stage controls the opacity of the currently selected color.
Now you have a beautiful collection of your creations. Tapping on a poster shows what you can do with it. You can edit it - all properties are editable from Canvas to Style. You can share it - anywhere you like from your camera roll to other social networks. Of course, you can delete it too. One last thing: The settings and properties you used in the last poster will remain for a new one you create, so there is no need to set everything again from scratch.
This is a Brownie Bite project, self-initiated by Zigzag. Curious what Brownie Bite project is?
At zigzag, we strive to keep our creative energy vibrant and exercise our creative skills to the max. We believe that the best way to achieve this is by simply ‘making / building’ things. We strive to create our own internal projects that are (1) relatively free from daily work constraints, (2) small enough to pursue on the side, (3) bring desired design and experience to overlooked moments and (4) provide delight and knowledge to ourselves in the process.