Design the next big Social Media platform for Croak.it!

Croak.it

Croak.it is the easiest and the sleekest way to share your 30 second voice snippets on the internet. It can be seen as Youtube or vine for sounds. Just need to push, speak and share.

croak.it

Easy on eyes and great readability of the content. Cool and playful. Follows one ‘Croak Theme’ in the entire app. Goes well with the logo.

http://taasky.com/
Taasky App: ­ This app has a very clean UI and awesome interactions methods that make creating tasks super simple.

http://www.spendeeapp.com/
Spendee App: ­ This app also has a clean interface and consistent design.

https://itunes.apple.com/app/duolingo-learn-spanish-french/id570060128?mt=8
For the purpose of our app, since we want to enable media consumption through a social platform (the media is sound in our case) you can draw inspiration from some of the design concepts in the popular apps like Instagram and vine. The latest update for the Duolingo App also has some great interaction sequences and a clean and consistent design.

We want these new designs to increase the consumption of content and follow the Youtube design pattern. We want the new designs to be flat designs like the new mobile designs which are attached. The designs should be RESPONSIVE.

Make it as much as possible like Youtube along with keeping with the theme of the mobile app.We would love to see various experiments on the layout, colors, placements etc. (pretty much everything, go wild!)

There are 3 main screens on the web app.

1. Home Screen

The main aspects of the this screen are:

- Croak Cards : Refer to the attached mobile design to make the croaks like that.
- Profile Picture and Name
- Croak Title
- Length of Croak
- Time of Croak Creation (14 mins ago etc.)
- Play bar for the croak
- Attachments for the Croak & attachment preview
- Comments Preview
- [ Likes only ? ]Upvotes , Downvotes and Plays Number
- Mentions
- Share Buttons

- Side bars : This sidebar is very much like YOUTUBE's new design.

- Top Bar : Similar to Youtube

2. Profile Screen
3. Hear Page of every different croak. The right side has the recommendations which when clicked will take you to those pages.

Make sure the design is flat and beautiful. You are already given a reference of the new mobile app, use it to make the web interface beautiful.

Attached is the mobile app theme that we are going with. The web design should not only be responsive but fit very well with the mobile app theme as well. Try and go wild with the placements and layouts and features!