Whisp

Title

Whisp. Dedicated to eradicating misinformation – An exciting relationship based on UX and innovative Design.

Web Design, UX, Web Development, API

The Challenge

Sector

Technology/ AI

Services

Web Design, Web Development, UX, API integration

Technologies

HTML / CSS, JavaScript / jQuery

Location

UK / Global

Whisp is a truly groundbreaking start up, providing instant, AI-powered fact-checking, hence empowering people and organisations to quickly and accurately verify claims, news articles, and other online information.

They have a system which is able to automatically verify information based on factual statements. In the case of a news article, for example, they split that into each factual claim and assign a score to each.

They needed web design to deliver a strikingly looking demo web app to present their technical “features”.

There are two branches to the demo suite:

1. News Content: users can submit an article (by URL), or search Whisp database, and view a claim-by-claim analysis of an article’s credibility.
2. Generative Models: given that generative models such as ChatGPT have a tendency to “hallucinate” information, they wanted to apply their information verification pipeline to these models.
   1. A user would access the Whisp demo app, and could converse with ChatGPT via a conversational interface. Behind the scenes, they would “intercept” its responses, measure their accuracy, and highlight anything that’s non-credible for the user.

Whisp had the backend pre-built for these features, however, they needed our web design talent.

The Solution

Project Scope

UX

Web Design

API 

Resources

Graphic Website Designers

UX Specialists

SEO Specialists

Front-End Programmers

Back- End Programmers

Project Managers

Quality Assurance Testers

After a few consultation meetings, we proposed to tackle Whisp requirements to develop a fully functioning user-friendly demonstration of the Whisp service. Presenting analysis from the Whisp service API for all three content sources, URL, PDF upload and ChatGPT. The process started with a thorough discovery phase, followed by six phases: 

1 Discovery – demonstration functionality understanding and requirements crystallization 

2 User Experience Prototyping – iterative UX development based on simple prototypes 

3 User Interface Design Work Up – take UX prototype to a viable graphical user interface 

4 Pre-Integration Prototype – full design user interface clickthrough 

5 Integration – integrate user interface with back end API 

6 Testing & Handover – integration testing, customer acceptance testing.

For the User Experience Prototyping we used a prototyping tool to develop an end-to-end demonstration click through from the user experience perspective. This went through multiple iterations until we were all happy with the results. Flows were examined and optimized to provide the best workable layout. 

Following the sign off the UX prototype we moved to the User Interface Web Design phase, this was used as the basis of the user interface web design. Flat designs were presented to the Whisp team based on the UX flows. Once a general look and feel had been signed off further detail iterations were developed. This included the iconography, colour pallet, fonts, and graphical user interface for all screen iteration layouts. 

The Pre-Integration Prototype ensured that the UI solution works and a final detailed click through prototype was developed for sign off by the Whisp team to ensure that nothing was missed pre integration. 

The user interface was then fully integrated into the Whisp API to provide a fully functional demonstration based on the pre-integration prototype. 

We fully tested the final demonstration web application before handed it over for customer acceptance by the Whisp team.

The Result

We are ever so proud of the result as the project gave birth to a striking and highly intuitive web design prototype, perfectly matching Whisp brand identity. It was a success in terms of both UX and web design. Our creative and development teams worked closely with Whisp to come up with a solution that  increased brand visibility and showcase the benefits of the application.