Lidia's Logo; a two tone teal "L" shape with an orange arc over the right side create a capital "D" shape.
Svetim Logo Suite
Svetim Logo Suite
Svetim Logo Suite

Lead UX Design (solo)
Figma

5 Weeks
Download 1 Pager
Animated preview of the sign-up for a class flow on the desktop site
Secondary Logo
Problem:

A photographer/streamer wants a logo that can be used across his content. Although he does not have any specific requests for the design, he used the words "rugged" and "playful" in his initial descriptions.

Solution & Goal:

Design four logo variants that can serve as watermarks, merch designs, signage, and social media posts or profile images. The logo should be minimalist with just enough flair to hint at a playful personality while maintaining professionalism and brand recognition.

An animated preview of the sign up for a class flow on the mobile site.
Submark

Empathy & Research

Empathy & Research

Empathy & Research

Methods:
Client Interview

Key insights

Client wants their logo to be rugged, playful, and clearly indicate what they are about.

Design decision:
Incorporate camera iconography. Use a typeface that prioritizes legibility without being too clean-cut or simple. Possibly include mountainous motifs for the "rugged, explorative, and curious" personality.
Client potentially wants their logo to include their name, Svetim.

Design decision:
I advised them to keep the name in the logo to boost brand recognition and cohesion across platforms where they are already using that name. I suggested we could pivot the design direction after the first drafts if they are dissatisfied with the text-forward look.
Client wants their logo to be minimal but not basic, otherwise is unsure of their desired design direction.

Design decision:
We agreed to meet again at the end of two weeks to discuss rough drafts and clarify direction.
Journey Map
Ellie is frustrated and exhausted by current communication methods that further create distance between her and her aspirations. She wants to communicate independently and in real time.

Problem Definition & Success Metrics

How might we…design an AAC app that minimizes set-up and eye strain, integrates AI for predictive text and smart gaze tracking, and adapts to the unique needs of the individual so that they can communicate efficiently and independently without obscuring their face?

Quantitative Goal: Double instances of spelling to communicate from 2x/month (spring 2024) to 4x/month (spring 2025)

Results: 980% increase in spelling instances using ComBoard 5x/week by spring 2025 on aide's phone and student's school tablet compared to 2x/month spelling instances when relying on heavy, bulky, plexiglass board.  


Qualitative Goal:
User preference rating at least 20% higher than other methods.


Results: Method preferences were scored by the user Tobii (1/5), Plexiglass board (3/5), ComBoard (5/5)

Design Process

Design Process

Design Process

Mobile App Design

A photo of the paper wireframe for the first few screens of the sign up flow

Sketching (Week 1)

My first approach was to sculpt the text around a simplified mountain motif.

Svetim = "we shine on" in Russian, a concept central to Svetim's creative pursuits. To tie this into their logo, I explored the use of sunrise colors and including "we shine on" directly within the logo.

A photo of the paper wireframe for the first few screens of the sign up flow

Type Exploration (Week 2)

I collected several professional, simple, and legible types with some small creative touch.

I tested various combinations of letter spacing, boldness, serifs, and blunt/pointy-ness to achieve the "rugged but playful" Svetim brand.

A photo of the paper wireframe for the first few screens of the sign up flow

Client Check-In (Week 3)

These were the rough drafts I brought to our second meeting, where he told me they all gave him the impression of a real estate brand.

Main meeting takeaways:
1. Letters same height > stretched/compressed
2. Bolder > fine
3. SS symbol did not work for the client
4. Client wants to avoid overly triangular look
5. Black only > colored logo
6. No subheading

A picture of the interactions connecting the sign up screens in figma

Refining & Variations (Week 4-5)

Back to the drawing board, I found Josefin Slab's bold italic with -5% letter spacing yielded the right balance of playfulness and ruggedness.

The bold letters with thick, sparingly used serifs feel grounded and weighty without being stern or overpowering.

The slanted "e" with a short tail is playful without being unserious.

I customized the "t" and "i" to take advantage of the gestalt principle of closure and create the illusion of a camera.

Finally, I drew even more attention to the camera motif with a touch of "recording-video-red."

Once Svetim approved the design, I emailed the logo suite folder containing each variation in black, white, and 4 sizes from Small to X-Large to suit every use case.

Sticker Sheet

Many of the course thumbnails are examples of the client's artwork or that of her students, while the rest of them are AI generated placeholders.

Eventually, the client will collect photos from each of the courses to replace the thumbnails. I will be able to quickly make the swap on my component page and make the update without disturbing the rest of the design.

Wins

Wins

Wins

Negative comparison is helpful. My client was able to tell me "I definitely do not want triangles, I don't want to be confused for a real estate company!" after seeing what that might look like.
The client was very happy with the delivery of the logo suite folder with all of the size variations! They are able to quickly grab what they need to keep their file sizes and load times optimized.
Small details go a long way! I did not need to paint a whole sunrise to make the logo dynamic; a simple red dot, well placed, is enough to draw attention and communicate meaning.

This was a lot of fun to work on! I approached the design task like a puzzle, and tried to find the best design pieces to coalesce into the picture the client was hoping to see at the end.

Learnings

Learnings

Learnings

I did not know how a typeface could be used to communicate brand identity. It took some trial and error to find a good match, but with some more study and practice I want font-selection to become second nature.

Font Psychology

I will seek out resources to learn how to better help the client share about their brand and what they want they logo to communicate.

Client Interviews

Audit related brands and their logos to get inspiration for both myself and my client. In future projects, I plan to prepare a folder of related existing logos in advance to aid in clarifying the design direction. 

Comparative Audits

Budget App
ComBoard
Svetim Logos