Design a Chat system like Facebook Chat

  • Status: Closed
  • Prize: £100
  • Entries Received: 25
  • Winner: stniavla

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

Employer Feedback

“Great designs, very responsive to request modifications :)”

Profile image Hacktrix, United Kingdom.

Top entries from this contest

View More Entries

Public Clarification Board

  • Minxtress
    Minxtress
    • 2 years ago

    Hello again, I uploaded another entry #22 with slightly rounded edges on all windows so it suits your clients' site better. Please rate it and provide some feedback.

    • 2 years ago
  • Minxtress
    Minxtress
    • 2 years ago

    Hi, any tips on what you'd like changed? Online icons, colours, fonts, etc.?

    • 2 years ago
  • Minxtress
    Minxtress
    • 2 years ago

    Added #14, please review and let me know if anything needs to be changed.
    Thank you!

    • 2 years ago
  • mydZnecoz
    mydZnecoz
    • 2 years ago

    Hi CH, please review and remark on my design #12

    • 2 years ago
  • Minxtress
    Minxtress
    • 2 years ago

    Uploaded a finished version as #11, let me know if it suits your needs.
    Thank you!

    • 2 years ago
  • Minxtress
    Minxtress
    • 2 years ago

    Hi, I updated my last submission and am working to finish it completely. Please rate #10 and provide me with feedback.
    Thank you :)

    • 2 years ago
  • sharpBD
    sharpBD
    • 2 years ago

    Dear Concerned,
    please Rate & Give your valuable feedback on #8 & #9.
    and also let me know if you required any change on my entry.
    Thanks.

    • 2 years ago
  • badhon86
    badhon86
    • 2 years ago

    I love UI design contest and will submit my design soon.

    • 2 years ago
  • Minxtress
    Minxtress
    • 2 years ago

    Hello, please rate entry #3 and provide me with feedback so I can improve my work.
    Thank you :)
    Viktorija

    • 2 years ago
  • scyla
    scyla
    • 2 years ago

    Please make this blind.

    • 2 years ago
  • utrejak
    utrejak
    • 2 years ago

    Hello.. I am working on your requirement!

    • 2 years ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!