logo

CASE STUDY

Navigating the Information-Polluted World.

Overview

10Clouds was responsible for the UX/UI and front-end development of the platform. During initial calls, our designers provided extensive moodboards to the client to properly match the future design with client’s perspective and needs.

Then, we moved to the wireframe stage, and after they were accepted, we created the full design of the platform.The biggest challenge was to create a structure that would show the user different perspectives on the topic within the browser space. To alleviate the problem of cognitive bias, users have easy access to different perspectives on a given topic within one line on the screen.

The website is created in Vue.js with a focus on Responsive Web Design to provide a seamless user experience on every device.

Project Name

COVID-19 information verification platform (University of Pennsylvania, Cognitive Computation Group)

Website

macniece.seas.upenn.edu

Services

Design, Web

Type

Web

Our challenge

During the COVID-19 pandemic, it’s very easy to become a victim of unconfirmed or specifically-designed fake news or simply misinformed sources. This creates chaos, uneducated opinions and conflicts among people.

The problem of course reaches far beyond COVID-19, and the platform created for University of Pennsylvania is a solution that can be later enhanced to be more universal and cover a vast array of different topics.

How we made it happen

The solution is a platform, where the user can search for perspectives on a given topic or question, e.g. Wearing masks.

Then, thanks to the machine learning model created by the team from University of Pennsylvania, the user is shown different perspectives on the topic, e.g. whether wearing masks prevents the spread of COVID-19 or not.

Since we’re currently at a stage where a lot is unknown about the virus, each perspective contains reliable articles which support a given view. This approach gives the user freedom to read about different perspectives and make up their own mind about it through confirmed articles.

“We started the project with very specific goals, but we didn’t have a clear vision for the design. The design and development teams listened to our needs with great patience and attention to details. Throughout our collaboration, 10Clouds maintained a very active and transparent communication channel on the design choices. Our project has now seen its initial success, and we couldn’t have done it without the teams at 10Clouds’ help. Cheers!”
“This project was an enjoyable challenge from a design implementation point of view, especially in the case of sliders. We created the app logic in such a way that the platform can become more universal for every topic. I feel it has great potential and now it’s all in the hands of a very talented team from University of Pennsylvania.”

Start a Project with 10Clouds

Contact Us

See more case studies

Swile
Swile
The company approached 10Clouds for support in building their new brand, complete with illustrations and 3D graphics based on their audience personas. The result was a series of visually engaging personas, which have already appeared on Swile’s website and app.
Virtual Branch client during a call with the banking adviser
Virtual Branch
Virtual Branch is an online video extension platform dedicated to banks and insurance companies. The product was discovered by 10Clouds in cooperation with Mastercard, Pexip, and top financial industry representatives, their clients, employees, and advisers. Together, we discovered the product through extensive market research and workshops with the end users.
Crescent
Crescent
The Crescent app is a way for everyone to get access to high-yield interest. With up to 6% APY, no minimums, and no hidden fees, the platform gives users 100 times more interest than traditional savings accounts. Crescent asked 10Clouds for help building the front end of its app, including the user experience (UX) and product design.