Design a Chat system like Facebook Chat

  • Trạng thái: Closed
  • Giải thưởng: £100
  • Các bài thi đã nhận: 15
  • Người thắng cuộc: stniavla

Tóm tắt cuộc thi

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.

Các kĩ năng được đề xuất

Phản hồi của người thuê

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

Hình ảnh hồ sơ Hacktrix, United Kingdom.

Những bài dự thi tốt nhất dự cuộc thi này

Xem nhiều bài dự thi hơn

Bảng thông tin công khai

  • Minxtress
    Minxtress
    • cách đây 3 năm

    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.

    • cách đây 3 năm
  • Minxtress
    Minxtress
    • cách đây 3 năm

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

    • cách đây 3 năm
  • Minxtress
    Minxtress
    • cách đây 3 năm

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

    • cách đây 3 năm
  • mydZnecoz
    mydZnecoz
    • cách đây 3 năm

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

    • cách đây 3 năm
  • Minxtress
    Minxtress
    • cách đây 3 năm

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

    • cách đây 3 năm
  • Minxtress
    Minxtress
    • cách đây 3 năm

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

    • cách đây 3 năm
  • sharpBD
    sharpBD
    • cách đây 3 năm

    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.

    • cách đây 3 năm
  • badhon86
    badhon86
    • cách đây 3 năm

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

    • cách đây 3 năm
  • Minxtress
    Minxtress
    • cách đây 3 năm

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

    • cách đây 3 năm
  • scyla
    scyla
    • cách đây 3 năm

    Please make this blind.

    • cách đây 3 năm
  • utrejak
    utrejak
    • cách đây 3 năm

    Hello.. I am working on your requirement!

    • cách đây 3 năm

Xem thêm các bình luận

Làm thế nào để bắt đầu với cuộc thi

  • Đăng cuộc thi của bạn

    Đăng Cuộc thi của bạn Nhanh chóng và dễ dàng

  • Nhận được vô số bài dự thi

    Nhận được vô số Bài dự thi Từ khắp nơi trên thế giới

  • Trao giải cho bài dự thi tốt nhất

    Trao giải cho bài dự thi tốt nhất Download File - Đơn giản!

Đăng một cuộc thi ngay bây giờ hoặc tham gia với chúng tôi ngay hôm nay!