scroll scroll down
Increase in organic traffic
An increase of goal conversions
Increase in direct traffic

The Challenge

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 can 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 tend to “hallucinate” information, they wanted to apply their information verification pipeline to these models.
    • 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 non-credible for the user.

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

The Solution

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 of functionality understanding and requirements crystallization
  2. User Experience Prototyping – iterative UX development based on simple prototypes
  3. User Interface Design Work Up – take the 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 of the UX prototype, we moved to the User Interface Web Design phase, which 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 detailed 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 worked 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, that perfectly matches 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 showcased the benefits of the application.