Week Two: Designing Logos and Learning Wix

Our First Logo Design

I’ve been refining the visual identity for Sky Ryder Studio, and this week the logo finally reached a place that feels true to the brand. I wanted to share a bit about how it came together and the thinking behind the design.

Starting With the Core Concept

The heart of the logo began with a simple idea: a futuristic figure looking upward, symbolizing imagination, ambition, and the drive to create. I worked with Copilot to generate the initial robot illustration — a clean, upward‑gazing profile that captured the exact energy I wanted for the studio. That upward look became the emotional anchor of the entire design.

Bringing It to Life in Photoshop

Once the base illustration was created, I moved into Photoshop to shape the final identity. This is where the logo really became mine.

• I refined the contours to give the robot a sleeker, more intentional silhouette.

• I added gradient treatments to create depth and atmosphere, leaning into tones that feel cinematic and expressive.

• I designed and placed the text, pairing the personal, flowing “Sky Ryder” wordmark with a clean, grounded “STUDIO” beneath it.

• I adjusted lighting, shadows, and color balance until the whole composition felt cohesive and emotionally aligned with the brand.

Photoshop became the space where the concept turned into a polished identity — a blend of digital precision and creative intuition.

Sky Ryder Studio is about storytelling, futurism, and creative exploration. The robot represents the forward‑looking, tech‑driven side of the studio. The upward gaze adds humanity — a sense of wonder and aspiration. The gradients chosen is my attempt to express warmth and motion, almost like a scene from a film. And the typography was chosen to balance our brand's personality with professionalism. A studio that’s dreaming forward while staying grounded in craft.

Refining the Face of Hesti

After exploring names that felt mythic, warm, and companion-like, "Hesti" emerged as the soul of our hospitality intelligence platform. This week, we turned that name into a visual identity — one that could live across mobile apps, signage, and digital spaces with clarity and emotional resonance.

Following the Core Concept

The Hesti logo centers around simplicity, warmth, and symbolic clarity. We chose a bold white sans-serif typeface for the word "Hesti," set against a vibrant orange background. Orange evokes energy and welcome—suitable for representing our brand rooted in hospitality.

The standout detail I went with is the dot above the "i": replaced with a stylized white pineapple. In hospitality, the pineapple is a timeless symbol of welcome and generous care - like the goddess of the hearth Hestia in Greek mythology. By integrating it into the typography, we created a logo that’s both functional and expressive.

Exploring multiple treatments:

• Flat vs. dimensional: Early versions were purely flat, but lacked depth on digital screens.

• Shadow experiments: We added a subtle drop shadow to the text and pineapple, testing variations until we found the right balance—just enough lift to suggest presence without distraction.

• Border framing: The rounded white rectangle frames the logo, reinforcing a sense of containment and friendliness. It also helps the logo stand out on colored or photographic backgrounds.

  
  

This logo will anchor our visual identity as we build out Hesti’s platform. We’ll be testing it across splash screens, dark mode variants, and printed materials. The goal is consistency with soul.

Navigating Wix's Display Editor

Spent the afternoon wrestling with Wix’s mobile display quirks, and it turned into a full-on detective mission. My desktop layout looked clean and intentional, but the moment I shared the link on mobile, everything fell apart — text overflowing, spacing collapsing, elements shifting like they had a mind of their own.

So I turned to Copilot for guidance.

Turns out the issue wasn’t the design itself, but how Wix handles mobile layouts behind the scenes. The mobile editor in Wix Classic is basically its own world, and a few key settings were hiding in plain sight.

After digging through the mobile view, detaching theme‑locked text styles, and unlocking the spacing controls that Wix loves to bury, everything finally clicked. I was able to adjust mobile‑only text sizes, spacing, and layout without affecting the desktop version — exactly the control I needed.

What started as a frustrating mismatch ended with a clean, responsive mobile layout that actually reflects the design I intended. Stressful, but satisfying. Onward.

Thanks for following along as we shape Hesti’s presence. More updates soon as we move into UI prototyping and voice input integration.

Ron Yee I Founder

Sky Ryder Studio