facebook
HOLD

Chance The Helper

Chance The Helper

  • Brand

    Chance

  • Timeframe

    6 months

  • Awards

    CSS x 4

How great could our economy be if every adult were an expert at managing their money?

Chance is an automated personal banker with no less a mission than to change how emerging generations of Americans think about money and engage with financial services. During our collaboration, we did the branding , made a mobile app and a Lo-Fi request access website with a cyberfunky maskot and glitchy shaders using such technologies as HTML/CSS, GSAP and WebGL.

View Website
Chance
Chance

Designing a web-based platform to look and feel like a video game to appeal to younger demographics

As the product is designed for “young adults” it was our task to come up with something extraordinary to appeal to this particularly picky target group. Managing personal finances is a game that one must win. Therefore, the product is presented in the form of a game where Chance is a digital financial mentor that helps young adults to become expert players showing and teaching them how to budget and save effortlessly.

Chance
Chance

Visual research, design approach and technical solutions

As visual research gradually segued into experimentation with different approaches to the brand’s identity and mascot’s design, we found ourselves moving towards a lo-fi aesthetic that Chance summed up as ‘cyberfunk’ — combining a future-oriented outlook with a no-nonsense technological essence. On the technical side, we used WebGL and shaders for the background, while combining HTML/CSS and PixiJS to create some nice effects and help lend an unmistakable splash of interactivity to Chance’s mascot. The site is 100% coded to ensure it all works as smoothly as can possibly be.

Chance

“It’s great to work with an agency that doesn’t feel like an agency, but instead feels like one team working toward the same goal. We look forward to continuing our partnership far into the future.”

Kevin Bass, CEO at Chance

Chance
Result

What is the result?

  • The landing page led to an email waiting list of more than 50,000

  • Made an interactive Chance’s mascot by combining HTML/CSS and PixiJS

  • Manually created all visulas, graphics and shaders using WebGL

  • Created sharp branding from scratch

  • Gained a deeper understanding of the lo-fi aesthetic

  • Discovered and explored cyberfunk stylistics

  • Made our first but not last interactive sign-up experience

  • Won 4 trophies on CSS Design Awards

Chance

Awards & Recognitions

  • Chance
    CSS Design

    UX Design

  • Chance
    CSS Design

    UI Design

  • Chance
    CSS Design

    Special Kudos

  • Chance
    CSS Design

    Innovation

Chance

Have a project for us?

Let's Collaborate
Keep Scrolling

bZx network Fair play

bZx network Fair play

Close