make my chat design better

Status: Closed
Prize: $15
Entries Received: 11
Winner: kavyarajavel14

Winner

Contest Brief

Hi! I have a chat consisting of a contact list and a chat.

In the contact list, you see the icon of the person with the name, last message and the time, the last message was sent.
Here is the contact-list programmed with html / svelte:
https://svelte.dev/repl/8cb88341bdf34761a6350769c67ec21f?version=3.22.3

In the chat, you see the messages between you too.
Here is the chat programmed with html / svelte
https://svelte.dev/repl/6c2622c5e3db41caaf2e4da4b71a1296?version=3.22.3

1) I need to show somehow in the contact list for each contact, if there is a new unread message. But I don´t need the number of unread messages. Maybe with a slightly different background color or with another indicator...

2) In the chat window, if there is an unread message, I also need an indicator somehow, that the message is unread. Maybe with a slightly different background-color or some other indicator.

3) I don´t need the full date on every single message, just the time. Maybe you can design a day divider, which shows the day between messages of different days?

If you don´t know how to program in svelte, just create a draft with just html-code.
And if you don´t know html, just design these things using an image editing program. I will program it then myself.

And the chat is not the main thing on my website, so it should not be too striking and should not distract from my main content.

In the contest, you can copy your contact list and chat next to each other in the image, so that I see them both.