>
>

Design a Chat system like Facebook Chat

Design a Chat system like Facebook Chat

Closed
Entries
25
Prize (GBP)
£100

Contest Brief

GUARANTEED CONTEST

Hey everyone. I'm building a chat system for my website and want YOU to design the User Interface.

The entire thing can be modeled on Facebook Chat. I want small popup windows for conversations, and within them there needs to be:

- A name at the top, with an icon depicting online/away/offline status
- A button to add more people, turning the chat into a group chat
- A button to toggle video-calling
- A Close button to close that popup window

All these things are already in Facebook Chat. That's for the top bar.

The body of the chat window should contain chat bubbles, like Facebook.

At the bottom there should be:
- A text field
- A button to choose emoticons
--- When clicked a bubble needs to appear containing only a basic set of emoticons


NOW, FOR THE RIGHT SIDEBAR:

I want this to be modeled more on the old Facebook Chat. The right sidebar contains ONLY a list of friends, their profile pictures, and a SYMBOL for their online status. Currently we only have Online/Away/Offline. No second newsfeed, please.

I want a Search Box at the TOP of this right-sidebar.

At the Bottom, I want just a bar (like a minimized popup window) reading "Chat" - this will allow the user to minimize all the popup windows, to a single bar reading "Chat". I want this to contain a "settings" button allowing the user to go offline.


NOTIFICATIONS: the popup windows will need to change colour when new messages come in, like on Facebook.

MINIMIZED OPEN WINDOWS: If you have five Facebook Chats going at once, some of them get minimized to one side. Please include this.


COLOUR SCHEME: The website this chat is for, is [url removed, login to view] . Take your colours from there. Either sign up to explore (it's free) or visit [url removed, login to view] , or look at the document I've uploaded.


Happy? I'll eventually want the files in .PSD format, so my web developer can play with them.

GUARANTEED CONTEST - and I'll be here regularly to give feedback: I will show and guide you to exactly what I want.

Recommended Skills:

Post a Contest like this

Previous Poll Results

Submit Your Entry

Bonus XP Boost: +27 XP

Drag and Drop multiple files here.


Describe your entry here (optional)

1000 characters
£ GBP
NEW! - Set a price for your entry and if you don't win, you will have a second chance for the contest holder to buy your entry!
Upgrade your entry
  • Seal your entry to ensure your idea is unique. Only you and the contest holder will be able to view your sealed entry.

    £0.50 GBP
  • Highlight your entry to make it visually stand out from the rest!

    £0.50 GBP
Total: £ 0.00 GBP
This entry is entirely my own original work and I agree to the Freelancer Terms and Conditions.
Submit Freelancer Loading...

Please ensure the following:

  • You've read the contest brief
  • You've read feedback provided by the contest holder
  • You've looked at other entries and read the message board

Supported file types:
JPG, PNG, GIF

  1. Winner
    Runner up
    entry number 19
     Contest Entry #19 for Design a Chat system like Facebook Chat
     Contest Entry #19 for Design a Chat system like Facebook Chat
     Contest Entry #19 for Design a Chat system like Facebook Chat
     Contest Entry #19 for Design a Chat system like Facebook Chat
     Contest Entry #19 for Design a Chat system like Facebook Chat
    0 Likes
  2. Runner up
    Report
    entry number 16
     Contest Entry #16 for Design a Chat system like Facebook Chat
     Contest Entry #16 for Design a Chat system like Facebook Chat
    1 Like
  3. Runner up
    Report
    entry number 14
     Contest Entry #14 for Design a Chat system like Facebook Chat
     Contest Entry #14 for Design a Chat system like Facebook Chat
    1 Like
  4. Runner up
    Report
    entry number 20
     Contest Entry #20 for Design a Chat system like Facebook Chat
     Contest Entry #20 for Design a Chat system like Facebook Chat
     Contest Entry #20 for Design a Chat system like Facebook Chat
     Contest Entry #20 for Design a Chat system like Facebook Chat
     Contest Entry #20 for Design a Chat system like Facebook Chat
    0 Likes
  5. Runner up
    Report
    entry number 17
     Contest Entry #17 for Design a Chat system like Facebook Chat
    0 Likes
  6. Runner up
    Report
    entry number 2
     Contest Entry #2 for Design a Chat system like Facebook Chat
    1 Like
  7. Runner up
    Report
    entry number 12
     Contest Entry #12 for Design a Chat system like Facebook Chat
     Contest Entry #12 for Design a Chat system like Facebook Chat
    0 Likes
  8. Runner up
    Report
    entry number 9
     Contest Entry #9 for Design a Chat system like Facebook Chat
     Contest Entry #9 for Design a Chat system like Facebook Chat
     Contest Entry #9 for Design a Chat system like Facebook Chat
    0 Likes
  9. Runner up
    Report
    entry number 8
     Contest Entry #8 for Design a Chat system like Facebook Chat
    0 Likes
  10. Runner up
    Report
    entry number 24
     Contest Entry #24 for Design a Chat system like Facebook Chat
     Contest Entry #24 for Design a Chat system like Facebook Chat
    1 Like
  11. Runner up
    Report
    entry number 26
     Contest Entry #26 for Design a Chat system like Facebook Chat
    0 Likes
  12. Runner up
    Report
    entry number 25
     Contest Entry #25 for Design a Chat system like Facebook Chat
    0 Likes
  13. Runner up
    Report
    entry number 23
     Contest Entry #23 for Design a Chat system like Facebook Chat
    0 Likes
  14. Runner up
    Report
    entry number 22
     Contest Entry #22 for Design a Chat system like Facebook Chat
     Contest Entry #22 for Design a Chat system like Facebook Chat
    0 Likes
  15. Runner up
    Report
    entry number 21
     Contest Entry #21 for Design a Chat system like Facebook Chat
     Contest Entry #21 for Design a Chat system like Facebook Chat
    0 Likes
  16. Runner up
    Report
    entry number 18
     Contest Entry #18 for Design a Chat system like Facebook Chat
    0 Likes
  17. Runner up
    Report
    entry number 11
     Contest Entry #11 for Design a Chat system like Facebook Chat
     Contest Entry #11 for Design a Chat system like Facebook Chat
     Contest Entry #11 for Design a Chat system like Facebook Chat
    Rejected
    0 Likes
  18. Runner up
    Report
    entry number 10
     Contest Entry #10 for Design a Chat system like Facebook Chat
    Rejected
    0 Likes
  19. Runner up
    Report
    entry number 4
     Contest Entry #4 for Design a Chat system like Facebook Chat
    Rejected
    0 Likes
  20. Runner up
    Report
    entry number 3
     Contest Entry #3 for Design a Chat system like Facebook Chat
    Rejected
    0 Likes
  21. Runner up
    Report
    entry number 1
     Contest Entry #1 for Design a Chat system like Facebook Chat
     Contest Entry #1 for Design a Chat system like Facebook Chat
     Contest Entry #1 for Design a Chat system like Facebook Chat
     Contest Entry #1 for Design a Chat system like Facebook Chat
    Rejected
    0 Likes
  22. Runner up
    Report
    entry number 15
     Contest Entry #15 for Design a Chat system like Facebook Chat
    Withdrawn
  23. Runner up
    Report
    entry number 13
     Contest Entry #13 for Design a Chat system like Facebook Chat
    Withdrawn
  24. Runner up
    Report
    entry number 5
     Contest Entry #5 for Design a Chat system like Facebook Chat
    Withdrawn

Public Clarification Board