Background information
Organization name
Croak.it
Description of the organization and its target audience
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.
Industry
Internet
Existing website
croak.it
Visual style
Style/theme ideas
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.
Inspirational websites
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.
Content details
Page descriptions
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.
What to avoid
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.
Contest deliverables
3 x Web page design(s)
Final files
If you use fonts that require a license, confirm with the client they're ok with it. For licensing reasons, it is better to provide your client with information on how to acquire the font rather than providing the actual files.