Tezos Ukraine Landing Page Design

Go to the project

The main brief was to create a landing page that would serve as a branded content for Tezos Ukraine on online-magazine forklog.com. Baking on Tezos was the main theme of the project.

The main purpose: the aim was to tell that baking on Tezos is simple, safe and more profitable than delegation. Describe the benefits of baking.

Role

UX/UI Illustration Icon design Style guides

Process

Discovery Wire-framing UX/UI design Illustrations
Tezos Ukraine baking landing page preview on laptop and mobile
Phone in hand showing the Tezos Ukraine landing page splash screen
Research steps
  1. 01

    Customer identity research.

  2. 02

    Study of various products of the similar cryptocurrency subject.

  3. 03

    Review of different sites about baking.

A bakery was chosen as the basis of the style to create a "delicious" mood and move away from the technological nodes which are used everywhere now.

Tezos Ukraine website — corporate typography reference
Corporate font Roboto. That's why it was chosen for our project too.
Tezos Ukraine website — corporate color reference
Orange is one of the corporate colors.
ForkLog x Tezos course page — an earlier branded content example
The blocks style and shadows has already been used in another branded content for Tezos on the forklog.com.
Bakery website inspiration collage with illustrated pastries
Explored different options for baking illustration.
Bakery website reference — fresh bread photography
Review of different sites about baking.
Cupcake shop website with a striped awning
I liked the effect of cosiness that take place because of such a sunshade. Decided to rethink this idea.
Wire-framing

Structuring the content before the visuals

Desktop and mobile wireframes for the Tezos Ukraine baking landing page
UI design

Following the Tezos brand identity, research and the sign off the wire-frames I began design of the user interface. Following the design pattern of the 8 px grid system the final result is clean, modern and easy on the eye.

Main page — desktop, full scroll of Бейкинг на Tezos landing page
Menu — desktop, full-screen navigation overlay
Article page — desktop, Бейкинг и делегирование
Main page — mobile hero
Main page — mobile topic card
Article page — mobile, Старт бейкинга
Menu — mobile, full-screen navigation
Mobile footer and subscribe block
Icons design

A set of 12 custom line icons for the site's topic and installation grids — baking, node setup and wallet actions all drawn in one consistent, hand-inked style.

Baking and delegation icon
How baking works icon
What is more profitable icon
Network sync icon
Start baking icon
Node update icon
Windows installation icon
Linux installation icon
macOS installation icon
Wallet connection icon
Docker baking icon
Future of baking icon
Typography & Colors

Color scheme and typography is based on the customer's identity. Illustration style correlates with forklog.com style. Thus we get a combination of styles of the customer and the site where the project is published.

Roboto Slab

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

Roboto

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

BROWN #60462F → #2C201B
ORANGE #C15300
GOLD #FFB84D → #F5892F

Result: The special project launched on forklog.com, turning a technical staking mechanism into an inviting, bakery-themed story — one that explains baking on Tezos, walks bakers through node setup on Windows, Linux, macOS and Docker, and makes the case that baking is simpler, safer and more profitable than delegating.

Thanks for viewing! Explore other projects