Hey, Dribbblers! Today I want to share with you some UI and design work I did for a project aimed at detecting clickbait news titles. As you may know, clickbait is a misleading or exaggerated headline designed to attract clicks and views, often at the expense of accuracy and relevance.

I have attached some photos below that showcase the design. As you can see, the UI consists of a simple white background with black text in the center. The user can input the news title they want to test for clickbait, and then click on the Extension button to get the prediction result.

CliNe chrome extension

To make the UI more user-friendly, I added a brief description of the project's purpose above the input field. This helps the user understand what the project is about and what they can expect from it.

Logo Design:

It was very good journey of designing logo for this project. Inspired by minimal and flat design. Logo represent the intelligent person that help you to find clickbait news on browser.

Finally, we integrated the model into the app using FlaskAPI, a library that allows us to run deep learning models in the browser API. This means that users don't need to upload their data to a remote server, ensuring privacy and security.

This project was a great opportunity to combine machine learning with UI and design, and to explore new ways of creating impactful and meaningful products. I hope you enjoyed this brief overview, and if you want to try the app yourself, We are launching very soon on web store!!

Overall, I believe that the minimalistic design helps users focus on the primary purpose of the project, which is detecting clickbait titles. I hope you find this design as attractive and user-friendly as I do.

Thank you for checking out our Clickbait Detection project!