Digital Designer based in Paris, who loves crafting effective ux solutions just as much as designing interactive experiences that put the human at the forefront.

Digital designer based in Paris, who loves ‍

↳▦ Digital designer based in Paris, who loves

crafting effective ❖⎆ux solutions as much as ‍

designing ✦⇢ interactive experiences that

‍put the ⊕human® at the forefront.

←

▦❖⎆✦

Digital designer based in Paris, who loves crafting effective ux solutions as much as designing interactive experiences that
put the human at the forefront.

≒

(selected works) ‍

✺

↙

bonjour

✺

bonjour

✺

hi*there

✺

здравей

✺

bonjour

✺

hi*there

✺

здравей

bonjour

✺

bonjour

✺

hi*there

✺

здравей

✺

bonjour

✺

hi*there

✺

здравей

↯Projects

Selected Projects

(01)

❖✲

↓

tradeInsur

TradeInsur is one of the Top 100 French Fintech startups providing solutions for risk management. Backed by Google and 50 Partners. The main goal of the redesign was to create a more imposing B2B impression reflecting the brand's positioning and evolution.

design

cms

development

interactions

visual identity

Prototyping

Figma

UI Kit

Untitled UI (+ figma Tokens)

Variable Typography

Mona Sans

Visual assets

Illustrator, Lottie

Interactions & motion

After Effects, Lottie, GSAP

Development

Webflow, HTML/CSS, JS

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

digicoachme

Digicoachme connects sports enthusiasts with experienced coaches who provide personalized coaching and training programs. The platform is designed to be accessible and flexible for busy individuals, with programs that can be tailored to individual needs and schedules.

interactions

development

cms

Prototyping

Figma

Headless Design System

Figma Tokens

Variable Typography

Mona Sans

Visual assets

Illustrator, Lottie

Interactions & motion

After Effects, Lottie, GSAP

Development

Webflow, HTML/CSS, JS

(02)

✦⊛

↓

in progresS

in progres

in progress

in progres

in progress

in progres

in progress

in progres

quatre

Quatre is a small consulting firm that specializes in coaching and assisting individuals and companies to highlight their skills and efforts. The project included logo creation, style guide development and implementation in a Bootstrap theme with Sass.

development

visual identity

Logo design

Illustrator

Variable Typography

Roboto Flex, Nunito Variable

Visual assets

Photoshop

Development

Bootstrap, Sass

⎆❉

↓

(03)

Expertise

good at ↘

(01).

UX/UI

“People ignore design that ignores people.”

product design

ux testing

prototyping

design systems

ui kits

handoff

(02).

Development

"To truly amplify a design you need to code, not as an afterthought but as an intrinsic part of
the creative process."

HTml

CSs

webflow

GSAp

locomotive

javascript

(03).

Digital Branding & Storytelling

“Design is the silent ambassador
of a brand”

logo creation

typography

style guide

visual assets

video content

motion design

visual effects

scrollytelling

(04).

Product Management

“Roadmaps are evidence of trategy.
Not a list of features.”

saas

product roadmap

product-market-fit

design sprints

agile

JIRA

lean

quality assurence

influenced by

#music

↗

s.tankovski@gmail.com

06 61 24 76 62

s.tankovski@gmail.com

06 61 24 76 62

Contacts

tankovski.s@gmail.com

+33 66 12 24 76 62

©✌︎㋡

Drop me a Line

tankovski.s@gmail.com

Give me a call

06 61 24 76 62

＃

06 61 24 76 62

＃

06 61 24 76 62

＃

06 61 24 76 62

＃

06 61 24 76 62

＃

06 61 24 76 62

＃

06 61 24 76 62

Join me

read.cv

◌

read.cv

◌

read.cv

◌

read.cv

◌

read.cv

◌

read.cv

◌

read.cv

◌

read.cv

◌

Ciao ⇲

Style Guide

Client-First V2

HTML Heading Tags

H1
Sample text is being used as a placeholder.

H2
Sample text is being used as a placeholder as real text.

H3
Sample text helps you understand how real text may look on your website.

H4
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.

H5
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

H6
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.

Heading Classes

Heading

Other HTML Tags

All Paragraphs
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

All Links

All Quotes
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

Text Classes

text-size-xlarge
Sample text is being used as a placeholder for real text that is normally present.

text-size-xlarge
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-size-large
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-size-medium
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-size-regular
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-size-small
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-size-tiny
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-style-strikethrough

text-style-italic

text-style-muted

text-style-allcaps

text-style-nowrap

text-style-link

text-style-quote
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-style-2lines
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-style-3lines
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.dolor sit amet,

Text Weights

text-weight-bold

text-weight-semibold

text-weight-medium

text-weight-normal

text-weight-light

Text Alignments

text-align-left

text-align-center

text-align-right

Text Colors

text-color-grey

text-color-black

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

The rich text element allows you to create and format headings,
The rich text element allows you to create and format headings,
The rich text element allows you to create and format headings,
‍

This is a link

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

This is a placeholder image.

Color Palette

Primary

Blue

Light violet

Others

Buttons

button button-secondary button-text

Backgrounds

Icons Sizes

Icons 1x1 Sizes

Social Media Icons

Webflow Elements

List

Sample text is being used as a placeholder for real text that is normally present.
Sample text is being used as a placeholder for real text that is normally present.
Sample text is being used as a placeholder for real text that is normally present.

Form

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

padding-section-small

padding-section-medium

padding-section-large

display-inlineflex

Digital Designer based in Paris, who loves crafting effective ux solutions just as much as designing interactive experiences that put the human at the forefront.

Digital Designer based in Paris, who loves crafting effective ux solutions just as much as designing interactive experiences that put the human at the forefront.

Digital designer based in Paris, who loves ‍

↳▦ Digital designer based in Paris, who loves

crafting effective ❖⎆ux solutions as much as ‍

designing ✦⇢ interactive experiences that

‍put the ⊕human® at the forefront.

Digital designer based in Paris, who loves crafting effective ux solutions as much as designing interactive experiences thatput the human at the forefront.

tradeInsur

digicoachme

quatre

Contacts

Style Guide

H1Sample text is being used as a placeholder.

H2Sample text is being used as a placeholder as real text.

H3Sample text helps you understand how real text may look on your website.

H4Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.

H5Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

H6Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.

Heading

Heading

Heading

Heading

Heading

Heading

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

List

Form

Digital designer based in Paris, who loves crafting effective ux solutions as much as designing interactive experiences that
put the human at the forefront.

H1
Sample text is being used as a placeholder.

H2
Sample text is being used as a placeholder as real text.

H3
Sample text helps you understand how real text may look on your website.

H4
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.

H5
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

H6
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.