drag

we craft award-winning digital experiences that reach both minds and hearts of people

7
45
11
3
35
5

case

Mogney

Mogney is a QR payment service based in California.

mogney.com
task

To showcase the benefits of the service to two types of clients: businesses and individuals. Both of them needed an explanation of why it is more convenient and cost-efficient to use Mogney instead of familiar payment methods.

client

Mogney

industry

FinTech

year

2019

deliverables

Front-end development
Back-end development
Design

honors

The FWA
FWA of the Day, March 27, 2019
Awwwards
Site of the Day, March 26, 2019
Awwwards
Mobile Excellence, March 15, 2019
CSS Design Awards
Website of the Day, March 21, 2019
Red Dot
Red Dot, August 06, 2019
Key idea

To simplify the clients’ questions and respective replies to several steps and to have them all on one page. The content for business and for individuals is to be changed through a ‘curtain’, showing that the service is simple and transparent.

Logo

Mogney is a new generation service that is to become a day-to-day shopping solution. To show this we designed an imaginary currency symbol because using Mogney is as easy as using ordinary cash.

The logo has two colour options and an abbreviated version that is still recognisable when there is no name of the service standing next to it.

The QR-code is the main character of the website. Through it we’ve shown the way complex technologies transform into simple solutions for day-to-day shopping.

The devil’s in the detail

Good UX is seen in tiny details. On a desktop version the QR-code slightly turns with the movement of cursor, on mobile it is connected with the device’s position: the website gets data from the gyroscope and when user tilts the device, QR-code mimics the device’s movements.

Optimization

No website is worth much if it loads real slow. We pay a lot of attention to optimization and here we’ve achieved a great result: the site loads in a fraction of a second on any device.

3D models

We’ve designed six 3D models for the site. They are laid over the main design and, thanks to that, they take the best place on a screen at any resolution and do not become distorted.

We’ve come up with the slogan «All you need is a QR-code» which is easily perceived and remembered — it is a reference to the hit by the Beatles.

Corporate colours

For the site’s sections we picked vibrant corporate colours — a blue and an orange. They are also used in the apps and in other interaction options making a clear difference between two client groups.

technologies

vanilla JS

GSAP

Pixi.js

JavaScript

webpack

SCSS

see also

Eurovet

An innovative website for Eurovet, a veterinary products distributor

Digital thinkers conf.

A bright & advanced site for the leaders of digital community

Squilla Fund

A site full of motion for Squilla, a fund that assists with making sensible ICO investments

let us know

Have an idea in mind?

We’re Red Collar. And what’s your name? We actually need your e-mail to get in touch Wow, this load is way too heavy for us. Files larger than 10 MB can be sent to hello@redcollar.ru You made a mistake, but it’s fine. We all do. Enter a valid e-mail, please

By submitting this form you agree to our privacy policy.