Podio Chat

Podio Chat

Talking to your colleagues is an important part of the worklife, and an important part of Podio. When you are working on the go, speed is everything. We took these important factors and built a standalone chat app for Podio. It was an experiment we undertook upon determining that the chat use case warranted it's own app.

I designed the iPhone and Android app, using the opportunity to experiment with advanced animations and new feature concepts. I also designed the app icon, a fusion of the the Podio logo and the classic speech bubble.

You can drive a full business on the Podio Platform, but it can get complex when you show it all on a small screen. With the Podio Chat app we managed to create a focused app that lets you quickly contact all your co-workers directly from your pocket.

wideImageiPhonwawideImageiPhonwa
wideImagewideImage

Bouncy menu
We wanted to add some joy to app with some animations. One of the ideas that made it into the app is the menu transition. It uses a pop animation when you tap the hamburger menu.

Quick messages
One of the ideas we experimented with was a quick message feature. If you are late for a meeting, you want an easy and quick way to write a message to your cow-orkers. Tap and hold the group you want to message and choose what to tell your co-workers.

The FAB
We also played around with Google's new FAB (Floating action button) pattern as a feature for the Chat app. It would be used as a way to show the transition between the main list and creating a message. We decided to not use the FAB in the app because of developer time vs how important it would be.

[unex_ce_button id="content_pq6ui7wmg,column_content_2ohbms4yx" button_text_color="#ffffff" button_font="regular" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#454d60" button_padding="15px 60px 15px 60px" button_border_width="1px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#454d60" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="https://itunes.apple.com/dk/app/podio-chat/id947831121?mt=8" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]Try Podio Chat[/ce_button]