Resultid

Resultid is a platform to help analyze customer behavior using Artificial Intelligence. They present the report faster and easier to help business development.

Year

2020

What we do

Illustrations Motion Web Design Web Development

01

Project
Background

Resultid needed a landing page to introduce their product to potential customers. The main purpose of the landing page was to serve as registration and demo booking so users could try the product beforehand.

Resultid team preferred a futuristic website design. In this project, we helped them with the landing page structure design and illustration style.

Project Background Desktop - Resultid
Project Background Mobile - Resultid

02

Illustration
Exploration

Creating futuristic illustrations has its own challenges. We experimented with different compositions, shapes, and structures. Each iteration reveals more suitable styles.

Illustration Sketch Left - Resultid Illustration Sketch Right - Resultid
Sketch
Illustration Hifi Version 1 Left - Resultid Illustration Hifi Version 1 Right - Resultid
High Fidelity Version 1
Illustration Hifi Version 2 Left - Resultid Illustration Hifi Version 2 Right - Resultid
High Fidelity Version 2

03

Illustration
Implementation on UI

After the completion of the style, we combined the illustrations and the UI. Some adjustments were made to these illustrations to fit better with the UI.

We built different types of layout compositions in terms of complexity, which the client could choose from.

Implementation Dark Mode 1 - Resultid Implementation Dark Mode 2 - Resultid Implementation Dark Mode 3 - Resultid Implementation Dark Mode 4 - Resultid Implementation Dark Mode 5 - Resultid Implementation Dark Mode 6 - Resultid Implementation Dark Mode 7 - Resultid

04

Light Mode
Illustration

In light mode, we altered the text from white to dark and applied and adjusted a more suitable background and colors to match the light version better.

Implementation Light Mode 1 - Resultid Implementation Light Mode 2 - Resultid Implementation Light Mode 3 - Resultid Implementation Light Mode 4 - Resultid Implementation Light Mode 5 - Resultid

05

Illustration
on Responsive
Pages

We worked on the responsive version after making sure that the desktop version was approved to minimize revision when working on both layouts.

Responsive 1 - Resultid
Responsive 2 - Resultid
Responsive 3 - Resultid
Responsive 4 - Resultid
Responsive 5 - Resultid
Responsive 6 - Resultid
Responsive 7 - Resultid
Responsive 8 - Resultid
Responsive 9 - Resultid
Responsive 10 - Resultid
Responsive 11 - Resultid
Responsive 12 - Resultid
Responsive 13 - Resultid

06

Build in
Webflow

Next, we built the finalized design into a website using Webflow so that the client could perform updates themselves after this project was done.

Webflow Image - Resultid

Interested to work with us?

Envelope Icon - Paperpillar Shoot us an email to hello@paperpillar.com