Wordmark

A web application that helps you choose fonts for your crafting projects. Wordmark 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.


Visual Identity + UI Design


2021

2021

2021

wordmark_showcase
wordmark_web_01

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.

wordmark_web_02b

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

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

Credits

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

I believe that good design results from clear communication and productive collaboration. I prioritize efficiency in my design process, ensuring I understand the problem, empathize, and make well-informed design decisions that align with the project’s objectives.


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

hello[at]emreparlak.com

Linkedin
Instagram

© 2009–24 Emre Parlak