Citora service websiteCitora service website
All cases

Citora service website

Logo, brand book, UX/UI design, motion design, development and support

Irina Kochumeeva

general director

Sitora would like to thank digital-agency Only (ONLY LLC) for a set of works on representation of the company’s brand in the digital environment.

Irina Kochumeeva

general director

Sitora would like to thank digital-agency Only (ONLY LLC) for a set of works on representation of the company’s brand in the digital environment.

Citora is a premium consulting service for foreign card and account creation.

The company requested the creation of a corporate identity and the launch of a service promotional website for a specific target audience.
TAGLINE

Bronze. Best website of a financial company

Analytics

At this stage, we analyzed the main competitors of the company and came to the conclusion that most competitors have a simple and clean design without a full-fledged identity. This makes it easier to stand out visually and distinguish the company from its competitors.

Competitors also position themselves in the same way: fast, convenient service with a number of products.

Stability, legibility, and mobility are necessary attributes of the industry. The key point of growth is modernity.

Based on our analysis, we have reached a general vision of the company as a “Technology Startup”.

Distinctive features of this vision:

— Visual content aesthetics
— An high-end feel and clear delivery of core ideas
— Weighted, premium, sophisticated, understandable
— Complex gradients
— Graphicality
— Rounded grotesque font

Design

The design aimed to reflect simplicity and elegance along with the company’s technological and premium nature. The minimalistic logo has a distinct, neutral shape and is easily scalable.

In conjunction, we used accent typography with clear and prominent lines.

The final palette was based on blue turquoise and magical purple.

Font system.
Typeface

A versatile and elegant font that plays along with the elegant shape of the logo. In terms of scaling, the font is easy to use, versatile and readable enough, which makes it not only a good service solution, but also stylistically justified.

Within the development of the corporate headset, the font is used in Regular lettering; contrast in materials is achieved through the use of widely varying font sizes. For particularly small sizes, the option of using Medium is provided.

Color System.
Palette

Complex gradients, 3D, linear elements, bright expressive palette and shining colors: all this helped to present the company as a mesmerizing star in the sky during the northern lights.

Frontend

Core technologies:

— HTML: HTML5, Pug template engine
— Styles: CSS3, SCSS preprocessor
— Scripts: JavaScript, Typescript
— Builder: Webpack

We end up with html layout and optimized css, js files that we then send to the backend

Backend

The heart of the project is to develop a selling website with the ability to make requests through a contact form, with subsequent tracking of the fulfillment stages of the application in a personal account.

Technical solutions:

— website backend is implemented on Bitrix
— registration and authorization without passwords using a verification code sent via sms
— Internet acquiring
— two-way integration with CRM with full synchronization of data and editing capability
— specific logic of interaction with the user at each stage of request fulfillment

Result

We updated the logo, prepared a brand book, and launched a website with the function of applying for a foreign bank card with subsequent tracking of the application status in the personal account.