Key information, resources, and links related to combating the deadly and highly infectious COVID-19 disease. Read more

close button

INFOSYS / ENTERPRISE / WEB DESIGN

Storytelling a report using illustrations & animations driven by code

STRATEGY

Design thinking

Storytelling

DESIGN

User Experience

User Interface

llustrations & Icons

Motion & Microinteractions

STRATEGY

Design thinking

Storytelling

DESIGN

User Experience

User Interface

llustrations & Icons

Motion & Microinteractions

The OUTCOME

A report told as a story

Storytelling through vivid illustrations & seamless animations led to a massive increase in downloads of the report for Infosys.

img-digital-infosys
USER EXPERIENCE

Seamless user interface

Created a unique storyline on types of enterprises imagined as different types of sailors.

STRATEGY

Higher user outreach

Use of relatable icons and illustrations enabled higher user outreach.

DESIGN THINKING

Increased user retention

Use of ships, oceans, & sailing as metaphors led to higher user engagement.

DESIGN THINKING

Surge in leads generated

Innovative use of icons and illustrations helped garner higher lead numbers.

Enabling strong wins for the agent

  • Private cloud storage
  • Growth tracking
  • Inventory management
Private cloud storage
Growth tracking
Inventory management

Eyes on the road - A distraction-free navigation app

  • Optimized for safe riding
  • Bite-sized information
  • Green biking
  • Real-time edits
Optimized for safe riding
Bite-sized information
Green biking
Real-time edits

Convenience is the key

  • Clear navigation
  • Playful interface
  • Seamless ticket experience
Clear navigation
Playful interface
Seamless ticket experience

Responsible & responsive at the same time

  • Clear, readable type.
  • Varied layouts for visual breaks
  • Responsive and organized
Clear, readable type.
Varied layouts for visual breaks
Responsive and organized

Simple. Approachable. Exciting.

  • The magic of XR
  • What’s your avatar?
  • Make lasting memories
The magic of XR
What’s your avatar?
Make lasting memories

What went into creating the story?

  • Powerful use of metaphors
  • Challenges to keep the user engaged
  • Triumph in the end
Powerful use of metaphors
Challenges to keep the user engaged
Triumph in the end
,,

Every good story has a beginning to set the tone, an obstacle-filled middle and ultimately victory at the end. It was the same for this story.

Pragati Singh

UI Designer @Netbramha

Setting the journey into motion

The Infosys report classified CEOs into 3 types - the visionary, the explorer and the watcher. Our story mimicked the reports findings showcasing how the visionary was the most successful in reaching the digital horizon.

infosys learn to go
Vivid & symbolic illustrations
Modern eco-friendly buildings in the digital future

Unique style of illustrations

For a website like this the illustrations were the central element. We used a mix of 2D and realism to create illustrations that left a lasting impact.

Making it responsive

infosys feature

The ultimate challenge

We created scenes which worked equally well on desktop as well as mobile, to provide a seamless and engaging experience.

Making real estate fun

With vibrant colours, a tone of voice that is witty and simple yet elegant typeface, EmaarOne was the perfect mixture of sass and premium. Keeping with the same tone we created a setof custom illustrations that were informative, engaging but more importantly bought a smileto faces.

Giving life to the story

We stuck to the brand colors while experimenting with bold fonts for the headlines. The tone of voice throughout the story was straightforward & formal, keeping the tone of the report in mind. A great example of how to use constraints as an advantage.

Behind the scenes

No items found.

Other case studies

prajavani

PRAJAVANI - WEBSITE

Making vernacular news available to millions of online users through responsive website design

Semnox

SEMNOX - MOBILE APP

Immersive amusement & arcade game park experiences across the globe.