Chatbox design, using Neo Memphis guidelines
Chatbox design, using Neo Memphis guidelines
UI
Desktop
Year
2024
Tools used
Figma
Team
Myself
As a personal project, I designed a chatbox for a medical newspaper for teenagers.
To challenge myself, I decided to do it by applying Neo Memphis design guidelines.
As a personal project, I designed a chatbox for a medical newspaper for teenagers.
To challenge myself, I decided to do it by applying Neo Memphis design guidelines.
Design
Design
Influenced by the bright colors and various patterns that are typical of Neo Memphis design, I decided the medical newspaper would be suited for teenagers.
Hence the way Doctichat greeted us, like a dad desperately doing his best to stay “in” by trying to speak like a “djeuns”, as we would say in French.
Influenced by the bright colors and various patterns that are typical of Neo Memphis design, I decided the medical newspaper would be suited for teenagers.
Hence the way Doctichat greeted us, like a dad desperately doing his best to stay “in” by trying to speak like a “djeuns”, as we would say in French.
To make it easier for the user to get the answer needed (especially if they’re in pain), some suggestions appear.
If the desired answer isn’t listed, the user can still type it in the white input.
To make it easier for the user to get the answer needed (especially if they’re in pain), some suggestions appear.
If the desired answer isn’t listed, the user can still type it in the white input.
Inspirations
Inspirations
I chose to create this chatbox for the French medical newspaper Doctissimo: purple being the website’s primary color, this is what made me lean into using this color.
I chose to create this chatbox for the French medical newspaper Doctissimo: purple being the website’s primary color, this is what made me lean into using this color.
Then, the 2 pictures below were my main inspiration to create this Neo Memphis chatbox 👇🏽
Then, the 2 pictures below were my main inspiration to create this Neo Memphis chatbox 👇🏽
Figma screenshot
Figma screenshot
The yellow & purple colors found on the 2 images, as well as the shapes and strokes displayed in the 1st picture helped me into making this design.
The yellow & purple colors found on the 2 images, as well as the shapes and strokes displayed in the 1st picture helped me into making this design.
The Doctichat profile picture shape, as well the “minimize” and “close” buttons were a reference to this design movement.
The Doctichat profile picture shape, as well the “minimize” and “close” buttons were a reference to this design movement.
Interactive prototype
Interactive prototype
Play this video to watch the interactive prototype.
Play this video to watch the interactive prototype.
Other projects I’ve made
Other projects I’ve made
