Ivana Todorovski: Mobile: +6584311136

IVANA
TODOROVSKI
www.behance.net/todorovski
Mobile: +6584311136
Email: ivanna.todorovski@gmail.com
www.daily-ui.com
www.dribbble.com/ivana
My Clients
Countries where my clients are from
DAILY UI
AUTHOR / UI DESIGNER
In order to improve my UI skills and experiment with different
styles and solutions I started a blog www.daily-ui.com.
Each day I spend up to 2 hours creating one UI element and
share my progress on social media. I design UI elements or
experiences Ive experienced on websites or apps I use but
wish to change, work Ive previously done but have an idea how
to do it better or get inspired on Dribbble.
Each task I start with a rough pen &

paper sketch where I brainstorm
potential features of the particular UI
element.
The idea is not to go to much in detail,
but to have the usability and user in
mind.
After the sketch I create the design in
Photoshop.
TASTY CARROT
COFOUNDER / LEAD DESIGNER / UI & UX
Startup launched in Croatia and Indonesia. E-commerce website
that allows users to search through a number of restaurants and
order delivery.
Users can register and create their profiles, rate restaurants and
dishes. Restaurants are accepting orders through a custom
developed app with the detailed statistic information to track their
profit. Menus have real photos of food from restaurants and an info
about how many people liked certain dish, to make their decision
process easier.
BRANDING
Tasty Carrot was created as a friendly,
fun and down to earth brand.
Besides the logo I created two
characters who were introduced to all
of Social Media and Marketing
communication channels. Examples
from the Croatian campaigns is on the
next page.
BRANDING
USER INTERFACE
Homepage
Setting the delivery address

Selection of restaurants for delivery
Menu page with items

added in the cart
Checkout
Registration Page
RESTAURANTS APP
Custom developed and designed

application for Restaurants, for
receiving orders.
Restaurants received a sound signal
with an incoming order and by
clicking on the order could see all
the details of the order and the
customer.
They received a map showing the
location where they need to deliver.
CUSTOM PIZZA APP

By dragging and dropping
ingredients users can create
their own pizza and order it from
their desired restaurant.
SERVICE CLICKS
LEAD DESIGNER / UI & UX
Malaysian startup, an e-commerce website where users can buy or
sell services like plumbing, baking, interior design etc.
In a very easy way users can create their profiles and list a service or
browse through different categories of listings offered from other
users. Users can have private communication and negotiation about
certain service and after the job is done they are able to leave a
comment and rating.
Wireframes
From wireframes to design
User Interface
Homepage
List your service Page
List your service Page
Dashboard
Search results
Listing
Negotiation process
Private chat
Dashboard
Rating and comment after the

service is done
TYPOGRAPHY GUIDE
FOUNDER / AUTHOR / DESIGNER
Typography Guide is my personal project. Its a guidebook on how to
choose and combine typefaces for print and web. The idea came from a
personal need to improve my process of choosing type - to make it faster,
better and more creative. The book is a result of intensive research and
numerous tests of good typeface combinations. Besides typeface
combinations book contains important typography rules and theory that
help designers and creatives recognise the right typeface.
The book is about to be launched on www.typography.guide
4 good combinations with Helvetica
Helvetica
Characters in complete font
ABCDEFGHIJKLMN
OPQRSTUVWXYZ&$
1234567890
abcdefghijklm
nopqrstuvwxyz
ff fi fl ffi ffl
.,:;!?/
43 Point, Helvetica Bold
I new it!
TITLE Helvetica Bold, 18/20
TEXT
Helvetica Light, 9/11
Lorem ipsum dolor sit

amet, inani dolore
Democritum interpretaris mel at, vix et discere aliquam
vocibus. Et discere dolores assentior mel, esse noster
voluptaria an qui. Ius stet graeci nostrum ex, mei ad
tamquam democritum consequuntur. Reque consequat
vituperata per id, ludus interesset interpretaris cu mei,
has meis praesent ex. Qui ex wisi epicuri. Ius et meliore.
TITLE
Helvet. Neue Cond. Black, 20pt
TEXT
Helvetica,10/13
LOREM IPSUM
Democritum interpretaris mel at, vix et
discere aliquam vocibus. Et discere dolores assentior mel, esse noster voluptaria an qui. Ius stet graeci nostrum ex, mei
ad tamquam democritum consequuntur.
Century
Gothic
ABCDEFGHIJKLMN
OPQRSTUVWXYZ&$
1234567890
abcdefghijklm
nopqrstuvwxyz
ff fi fl ffi ffl
.,:;!?/
Arent you awesome
Today is the day
Lorem Ipsum
Democritum interpretaris mel at, vix et discere
aliquam vocibus. Et discere dolores assentior
mel, esse noster voluptaria an qui. Ius stet
graeci nostrum ex.
45 Point, Century Gothic Bold
BEAUTIFUL
35 Point, Helvetica Bold
LOREM IPSUM
17 Point, Hevetica Oblique
He walked slowly
16 Point, Helvetica
REQUE CONSEQUAT VITUPERATA
Century Gothic, 9/12
Lorem ipsum dolor sit amet

aliquam vocibus. Et discere dolores assentior mel,
esse noster voluptaria an qui. Ius stet graeci nostrum ex, mei ad tamquam democritum consequuntur. Reque consequat vituperata per id.
TITLE Century Gothic Bold, 17pt
TEXT
Palatino,10/13
LOREM IPSUM
discere aliquam vocibus. Et discere dolores assentior mel, esse noster voluptaria
an qui. Ius stet graeci nostrum ex, mei ad
tamquam democritum consequuntur.
TITLE Bodoni Bold 21
TEXT
Century Gothic, 9/12
4 good combinations with Bodoni
Bodoni
ABCDEFGHIJKLMN
OPQRSTUVWXYZ&$
1234567890
abcdefghijklm
nopqrstuvwxyz
ff fi fl ffi ffl
.,:;!?/
50 Point, Bodoni Book
Dark streets
32 Point, Bodoni Italic
22 Point, Century Gothic Italic Italic
Jason Williams
TEXT
TEXT Helv.Neue Regular, 9/11
24 Point, Helvetica Light Italic
24 Point, Helvetica
TITLE Century Gothic Bold, 19
33 Point, Century Gothic
Morning coffee
TITLE Helvetica Neue Ultralight 28
4 good combinations with Century Gothic
LOREM IPSUM
discere aliquam vocibus. Et discere dolores
assentior mel, esse noster voluptaria an qui.
Ius stet graeci nostrum ex, mei ad tamquam
democritum consequuntur.
TITLE Century Gothic Bold, 19/23 TEXT

TITLE Helvetica Bold, 18/21
TEXT
Helvetica Light, 10/12

amet, inani dolore
Democritum interpretaris mel at, vix et discere aliquam vocibus. Et discere dolores assentior mel, esse
noster voluptaria an qui. Ius stet graeci nostrum ex,
mei ad tamquam democritum consequuntur. Reque
consequat vituperata per id.
Adobe Caslon Pro, 10/12
16 Point, Century Gothic Regular
Days are long

30 Point, Century Gothic Bold Italic
I LOVE YOU
18 Point, Century Gothic Bold

amet, inani dolore
Democritum interpretaris mel at, vix et discere aliquam
vocibus. Et discere dolores assentior mel, esse noster voluptaria an qui. Ius stet graeci nostrum ex, mei ad tamquam
democritum consequuntur. Reque consequat vituperata per
id, ludus interesset interpretaris cu mei, has meis praesent
ex. Qui ex wisi epicuri. Ius et meliore.
Superstar falls into the trap

-> MORE COMBINATIONS: Optima, New Baskerville
Examples of Specimen Sheets containing some of the best typefaces

with up to four successful combinations
Beauty in your eyes

45 Point, Bodoni Bold
MASTER
37 Point, Bodoni Book
Lorem ipsum
30 Point, Bodoni Italic
CAN YOU DO IT
29 Point, Bodoni Bold
FASHION STREET
TITLE Bodoni Bold, 19/21
TEXT
Bodoni, 10/12
Lorem ipsum dolor sit amet,

inani dolore
Democritum interpretaris mel at, vix et discere aliquam vocibus.
Et discere dolores assentior mel, esse noster voluptaria an qui.
Ius stet graeci nostrum ex, mei ad tamquam democritum consequuntur. Reque consequat vituperata per id, ludus interesset
interpretaris cu mei, has meis praesent ex. Qui ex wisi epicuri.
Ius et meliore.
TITLE Bodoni Bold, 18pt
TEXT
Optima,11/13
LOREM IPSUM
discere aliquam vocibus. Et discere dolores
assentior mel, esse noster voluptaria an
qui. Ius stet graeci nostrum ex, mei ad tamquam democritum consequuntur.
TEXT
Palatino, 9/12
LOREM IPSUM
dolor sit
aliquam vocibus. Et discere dolores assentior
mel, esse noster voluptaria an qui. Ius stet graeci
nostrum ex, mei ad tamquam democritum consequuntur. Reque consequat vituperata per id, ludus
interesset interpretaris cu mei, has meis praesent
ex. Qui ex wisi epicuri. Ius et meliore.
TEXT
Myriad Pro, 10/12

amet, inani dolore
Democritum interpretaris mel at, vix et discere aliquam vocibus. Et discere dolores assentior mel, esse noster voluptaria an qui. Ius stet graeci nostrum ex, mei ad tamquam democritum consequuntur. Reque consequat vituperata per id,
ludus interesset interpretaris cu mei, has meis praesent ex.
Qui ex wisi epicuri. Ius et meliore.
-> MORE COMBINATIONS: Berkley, New Baskerville
Q
COUNTER is the open space in a fully or
partly closed area within a letter. The
enclosed or partially enclosed circular or
curved negative space (white space) of some
letters such as d, o, and s is the counter.
X
BASELINE is the invisible line where all
characters sit. The baseline is the point from
which other elements of type are measured
including x-height and leading.
AXIS is an imaginary line drawn from top to

bottom of a glyph bisecting the upper and
lower strokes is the axis.
Z
DIAGONAL STROKE is an angeled stroke.
r
SERIF is a little extra stroke found at the end
of main vertical and horizontal strokes of
some letterforms. A typeface that has serifs is
called a serif typeface.
p
DESCENDER LINE is the invisible line
marking the lowest point of the descenders
within a font.
& n h C n e
AMPERSAND is the typographic symbol

used to designate the word and (& ) is the
Latin symbol for et which means and.
APERTURE is the partially enclosed, somewhat rounded negative space in characters

such as n, C, S, the lower part of e, or the
upper part of a double-storey a.
p
H
CROSSBAR or BAR is the horizontal stroke in

letters (usually in uppercase A and H). The
horizontal or sloping stroke enclosing the
bottom of the eye of an e is also a bar.
Important
Typography Anatomy
elements
APEX is the point at the top of a character

such as the uppercase A where the left and
right strokes meet The apex may be a sharp
point, blunt, or rounded and is an identifying
feature for some typefaces.
BOWL is the fully closed, rounded part of a

letters like of some letters such as d, b, o, D,
and B. The shape and size of the counter and
bowl can affect readability and is also an
identifying factor for some typefaces.
j
ARC OF STEM is a curved stroke that is
continuous with a straight stem.
ASCENDER is an upward vertical stroke

found on the part of lowercase letters that
extends above the typefaces x-height. The
height of the ascenders is an identifying
characteristic of many typefaces.
q
DESCENDER is the part of some lower case
letters such as g and y that extends below the
baseline. The length and shape of the descender can affect readability of lines of type and is
an identifying factor for some typefaces.
BALL TERMINAL is a type of curve. It is a

design feature of a typeface or glyph where the
end of a stroke takes a roughly circular shape,
as opposed to a serif or a square end.
OPEN COUNTER is the partially open space

within a character that is open on one end.
SHOULDER is the curved stroke aiming

downward from a stem.
FINIAL is usually a somewhat tapered curved

end on letters such as the bottom of C or e or
the top of a double-storey a. Finial is also
known as terminal.
g
EAR is a small stroke extending from the
upper-right side of the bowl of lowercase g;
also appears in the angled or curved lowercase r.
HAIRLINE is the thinnest stroke found in a

specific typeface that consists of strokes of
varying widths.
e N x
EYE refers specifically to the enclosed space
in a lowercase e.
LIGATURE occurs where two or more graphemes are joined as a single glyph. Ligatures
usually replace consecutive characters sharing common components.
t V
CROSS STROKE is the horizontal stroke

across the stem of a lowercase t or f is a cross
stroke. The varying positioning, thickness,
and slope of the cross stroke is an identifying
feature of many type designs.
ARM of a letter is the horizontal stroke on

some characters that does not connect to a
stroke or stem at one or both ends.
CAP HEIGHT is the height of a capital letter

measured from the baseline. It specifically
refers to the height of capital letters that are
flatsuch as H or Ias opposed to round
letters such as O, or pointed letters like A,
both of which may display overshoot.
ASCEDER LINE is the invisible line marking

the height of ascenders in a font.
MEANLINE falls at the top of many lowercase letters such as e, g and y. It is also at
the curve of letters like h.ccurs where two or
more graphemes are joined as a single glyph.
Ligatures usually replace consecutive characters sharing common components.
STEM is vertical, full-length stroke in upright

characters. The stem is the main, usually
vertical stroke of a letterform.
Lorem ipsum
Lorem ipsum
Lorem ipsum dolor sit amet, option percipit

definitiones sea ad, ea recteque intellegat scripserit
pro. In etiam minim usu, fabulas deseruisse has id. Alii
conceptam et sed, ad senserit signiferumque eum.

Phosphate / Klinic Slab
Lorem ipsum
LOREM IPSUM
definitiones sea ad, ea recteque intellegat scripserit pro. In
etiam minim usu, fabulas deseruisse has id. Alii conceptam et
sed, ad senserit signiferumque eum.
Univers Light Italic / Adobe Caslon Pro
Lorem ipsum
Lorem ipsum

definitiones sea ad, ea recteque intellegat
scripserit pro. In etiam minim usu, fabulas
deseruisse has id. Alii conceptam et sed, ad
senserit signiferumque eum.

scripserit pro. In etiam minim usu, fabulas deseruisse has id. Alii conceptam et sed, ad senserit
signiferumque eum.

Frutiger Bold / Minion Pro
Lorem ipsum
signiferumque eum.
Lorem ipsum

Helvetica Bold / Garamond
LOREM IPSUM
Adobe Caslon Bold / Univers Light
Lorem ipsum
Bodoni Oldstyle Bold / Futura Light
Myriad Pro Bold Condensed / Minion Pro Italic
Futura Bold / Bodoni
Gill Sans Bold / Adobe Caslon Pro
Lorem ipsum
Lorem ipsum

deseruisse has id. Alii conceptam et sed,
ad senserit signiferumque eum.

signiferumque eum.
Garamond / Futura
Lorem ipsum

Adobe Caslon Pro Bold Italic / Franklin Gothic Book
Minion Pro / Gill Sans Light
Lorem ipsum
Lorem ipsum dolor sit amet, option
percipit definitiones sea ad, ea recteque intellegat scripserit pro. In etiam
minim usu, fabulas deseruisse has id.
Alii conceptam et sed, ad senserit signiferumque eum.
Trade Gothic Bold / Superclarendon
LOREM IPSUM
LOREM IPSUM
Lorem ipsum
Lorem ipsum
Lorem ipsum

definitiones sea ad, ea recteque intellegat scripserit pro.
In etiam minim usu, fabulas deseruisse has id. Alii conceptam et sed, ad senserit signiferumque eum.



Lorem ipsum dolor sit amet, option percipit denitiones sea ad, ea recteque intellegat scripserit pro.
In etiam minim usu, fabulas deseruisse has id. Alii
Baskerville Semibold / Univers Light
LOREM IPSUM
Typeface combinations
and colors test
Lorem ipsum

definitiones sea ad, ea recteque intellegat scripserit pro.
In etiam minim usu, fabulas deseruisse has id. Alii conceptam et sed, ad senserit signiferumque eum.
Superclarendon Bold / TradeGothic Light
LOREM IPSUM
Franklin Gothic Medium / Baskerville
Lorem ipsum
Lorem ipsum dolor sit amet, option percipit definitiones sea ad, ea recteque intellegat scripserit
pro. In etiam minim usu, fabulas deseruisse has
id. Alii conceptam et sed, ad senserit signiferumque eum.
Georgia / Arial
Lorem ipsum
PT Serif / PT Sans
Lorem ipsum
Lorem ipsum dolor sit amet, option percipit denitiones sea ad, ea recteque intellegat scripserit pro.
In etiam minim usu, fabulas deseruisse has id. Alii
Buttermilk and Georgia
Baskerville Semibold / Univers Light
Droid Sans / Droid Serif
Gabriola / Univers Light
Gill Sans Light Shadowed / Arial
Outage / PT Sans
FREELANCING
ILLUSTRATION / BRANDING / WEB DESIGN
Selection of few International Freelance clients with projects:
- web design
- branding
- illustration
- infographics
CLIENT
Invento
ABOUT
Wordpress Theme (business style)

with all important UI details and
subpages About, Service, Blog,
Contact.
The theme is designed for the
company Invento and launched as a
commercial product on their
platform.
CLIENT
Radish Lab
NEWS
LOCATION
REPORT
RESEARCH
COMMUNICATION
TEAM
ABOUT
Set of icons and illustrations for

a website of the company
Promundo - a global leader in
promoting gender justice and
preventing violence by
engaging men and boys in
partnership with women and
girls.
RESOURCES
PROGRAMMES
FATHERHOOD
PREVENTING
VIOLENCE
ECONOMIC
JUSTICE
ADVOCACY
MEDIA
CAMPAIGNS
TRANSFORMING
NORMS
SECURITY &
CONFLICT
LOCATION
RESOURCES
RESOURCES
FATHERHOOD
FATHERHOOD
SOCIALIZATION
& HEALTH
SECURITY &
CONFLICT
SECURITY &
CONFLICT
PREVENTING
VIOLENCE
LOCATION
TEAM
TEAM
TEAM
COMMUNICATION
MEDIA
MEDIA
MEDIA
MEDIA
RESEARCH
SOCIALIZATION
& HEALTH
SOCIALIZATION
& HEALTH
SOCIALIZATION
& HEALTH
SOCIALIZATION
& HEALTH
ADVOCACY
TRANSFORMING
NORMS
TRANSFORMING
NORMS
TRANSFORMING
NORMS
SOCIALIZATION
& HEALTH
SOCIALIZATION
& HEALTH
SECURITY &
CONFLICT
SECURITY &
CONFLICT
SECURITY &
CONFLICT
ADVOCACY
ADVOCACY
ADVOCACY
ADVOCACY
ADVOCACY
TRANSFORMING
NORMS
MEDIA
GROUND
RESEARCH
ADVOCACY
ADVOCACY
PHONE
CLIENT
Impact Hub
ABOUT
An infographic created from

Annual Report data of Impact
Hub, explaining the number of
users, their distribution around
the world, types of projects
they are working on and
showing the impact of Hub on
the local communities. The
infographic was printed into a
brochure and distributed as
electronic version as well.
CLIENT
Culture Run
ABOUT
A set of category icons for a

website. Culture Run is an
organisation providing people
online space where they can
offer educational workshops or
join other peoples workshops.
Each illustration is
representing one category
offered on the website.
CLIENT
Boson Sport
ABOUT
Branding for US based Sports

brand selling sport equipment
and accessorise on Amazon.
The name Boson was already
set and the idea was to create
a professional, clean, boson
particle inspired logo.
DIGITAL DESIGNS
CREATIVE MARKET
Im a Creative Market shop owner with over 2000 sales,
100 000 downloads of freebies and 780 followers.
The shops contains templates, icons, illustrations,
backgrounds and similar digital resources for designers,
bloggers and other creatives.
See full shop profile: www.creativemarket.com/ivana_t

Ivana Todorovski: Mobile: +6584311136

Transféré par

Informations du document

Description originale:

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Ivana Todorovski: Mobile: +6584311136

Transféré par

Droits d'auteur :

Formats disponibles

IVANA

Countries where my clients are from

Each task I start with a rough pen &

Setting the delivery address

Menu page with items

Custom developed and designed

CUSTOM PIZZA APP

From wireframes to design

List your service Page

List your service Page

Rating and comment after the

4 good combinations with Helvetica

43 Point, Helvetica Bold

TITLE Helvetica Bold, 18/20

Helvetica Light, 9/11

Lorem ipsum dolor sit

Helvet. Neue Cond. Black, 20pt

Arent you awesome

Today is the day

45 Point, Century Gothic Bold

35 Point, Helvetica Bold

REQUE CONSEQUAT VITUPERATA

Century Gothic, 9/12

Lorem ipsum dolor sit amet

TITLE Century Gothic Bold, 17pt

TITLE Bodoni Bold 21

Century Gothic, 9/12

4 good combinations with Bodoni

22 Point, Century Gothic Italic Italic

TEXT Helv.Neue Regular, 9/11

24 Point, Helvetica Light Italic

TITLE Century Gothic Bold, 19

33 Point, Century Gothic

4 good combinations with Century Gothic

TITLE Century Gothic Bold, 19/23 TEXT

Helvetica Light, 10/12

Lorem ipsum dolor sit

Adobe Caslon Pro, 10/12

16 Point, Century Gothic Regular

Days are long

Lorem ipsum dolor sit

Superstar falls into the trap

Examples of Specimen Sheets containing some of the best typefaces

Beauty in your eyes

TITLE Bodoni Bold, 19/21

Lorem ipsum dolor sit amet,

TITLE Bodoni Bold, 18pt

TITLE Bodoni Bold, 21/20

TITLE Bodoni Bold, 22/23

Myriad Pro, 10/12

Lorem ipsum dolor sit

-> MORE COMBINATIONS: Berkley, New Baskerville

AXIS is an imaginary line drawn from top to

AMPERSAND is the typographic symbol

APERTURE is the partially enclosed, somewhat rounded negative space in characters

CROSSBAR or BAR is the horizontal stroke in

APEX is the point at the top of a character

BOWL is the fully closed, rounded part of a

ASCENDER is an upward vertical stroke

BALL TERMINAL is a type of curve. It is a

OPEN COUNTER is the partially open space

SHOULDER is the curved stroke aiming