Portfolio









Wordmark is a web application that helps you choose fonts for your crafting projects. It shows your text with all your fonts, arranged in a visual grid, allowing you to compare and pick the best one. I designed a bold identity that comes out with the colorful hands that shape the letters.

2021
Visual Identity, UI Design

wordmark_showcase
wordmark_web_01
wordmark_web_02b

Research

We began this project with some thorough user research. The results revealed that a significant portion of the app users are people engaged in handicrafts and production. Most of them do not have a font management program installed on their computers and they see and choose the fonts installed on their computers via Wordmark.

Research

We began this project with some thorough user research. The results revealed that a significant portion of the app users are people engaged in handicrafts and production. Most of them do not have a font management program installed on their computers and they see and choose the fonts installed on their computers via Wordmark.

Approach

The findings resulting from user research data led us towards a friendly, warm, and humanistic language.

The letters and typography that form the basis of Wordmark’s usage enabled us to think about creating a symbol with the first letter of the name, “w”. This symbol is combined with keywords such as “choosing”, “approving”, “and marking”, which refer to users’ selection behavior in the application. The result of all this is a memorable, bold, and sincere symbol.

wordmark_process2
wordmark_symbol01
wordmark_logo3
workdmark_logo_transparent

The Hands Concept

We wanted to incorporate handicrafts results from the users’ surveys into the identity, and that’s how the idea of hands reflecting differences and diversity emerged. We teamed up with Selin Tahtakılıç to create illustrations of hands producing the letters that make up the word “wordmark” using different techniques.

wordmark_illustrations

Typography & Colors

A humanist font family was preferred in line with the information about Wordmark’s users and the message it wants to give. Our choice was the Pensum font family with both sans-serif and display serif fonts. The expressive humanistic stance of its skeleton is very suitable for the project and harmonizes well with the identity.

The color palette was also designed to reflect the warm and humanistic personality of the new identity and to integrate well with the application's interface.

wordmark_colors
wordmark_images08f
wordmark_poster01
wordmark_poster02
wordmark_poster03
wordmark_ad_kare

UI Design

Simplicity and usability come to the fore in the website interface that I developed in close cooperation with Fahri Özkaramanlı, the founder of the application.

Typography, color, and illustration, all reflecting the identity in a coherent unity, welcome the users and guide them in their experience. Colors in the interface vary in light and dark modes, allowing users to view the app more comfortably.

See more at wordmark.it

wordmark_web01b
wordmark_web02b
wordmark_web03b
wordmark_web04
wordmark_web05

Credits

Design & Art Direction: Emre Parlak
UI Design: Emre Parlak & Fahri Özkaramanlı
Illustration: Selin Tahtakılıç

I believe that good design results from good communication and effective collaborative process. I try to use time efficiently during the design process, understand the problem correctly, empathize, and make the appropriate design decisions as rationally and objectively as possible according to the content of the project.

More about me & my approach

To discuss a project or collaboration feel free to get in touch.

hello[at]emreparlak.com

I believe that good design results from good communication and effective collaborative process. I try to use time efficiently during the design process, understand the problem correctly, empathize, and make the appropriate design decisions as rationally and objectively as possible according to the content of the project.

More about me & my approach

To discuss a project or collaboration feel free to get in touch.

hello[at]emreparlak.com

© 2009–24 Emre Parlak