From AI Prompts to Brand Identity and a Live Landing Page
Building SportsSync — Part 3
Picking Up Where We Left Off
Last week I had Claude generate prompts for two professionals: a brand designer to create a logo and visual identity, and a video editor to produce a 30-second promotional clip. This episode is about what happened when I actually sent those briefs out into the world.
The Brand Designer: €35 Well Spent
I took Claude's designer brief — which it had written in English since most Fiverr designers operate in English — and posted it as a job. The brief described the product, the target audience, the feeling I wanted to convey, and left creative direction open.
A designer picked it up for about €35. He sent two concepts. The first used orange and a deep navy blue — colors Claude had actually suggested during our brainstorming sessions. The second had a green palette that reminded me of Spotify. Technically fine, but it didn't connect with the brand.
I put both options to a vote on YouTube, and the community picked the same one I preferred: the orange and navy. Sometimes democracy works.
The deliverables were solid: the main logo with the S icon and wordmark, a standalone icon for favicons and app badges, variations in both colors for light and dark backgrounds, and the source files in Illustrator format. For €35, this is a no-brainer. I couldn't have designed this myself, and I didn't need to — I just needed Claude to translate my product vision into a language a designer could work with.
The Video Editor: Silence as an Answer
The promotional video was a different story. I reached out to two editors on Fiverr with Claude's video brief — a detailed shot-by-shot plan for a 30-second clip, broken into segments: energetic opening, overlay showcase, multi-sport montage, call to action.
Neither editor responded. One acknowledged the project and went quiet. The other simply never replied. This happens on Fiverr — the brief might have been too complex for their typical workflow, or the €100-120 budget wasn't enough for the quality I described.
The real problem was deeper: I needed actual footage of the telemetry overlay working. Without a functional MVP rendering real overlays, the best I could do was fake it — screen-recording someone else's overlay tool and pretending it was SportsSync. That felt dishonest.
So I made a decision: the promotional video waits until the MVP can render real overlays. It's frustrating, but the alternative is a lie. The Safa Brian-quality overlays I want to showcase need to actually exist first.
Sports Sync or SportsSync?
A quick detour into naming. I asked Claude to clarify whether it was "Sport Sync" or "Sports Sync" — singular or plural. After reviewing our entire conversation history, Claude confirmed it had consistently used "Sports Sync" with the double S between words. Brand name locked: SportsSync.
Buying the Domain
Domain shopping went fast. The obvious choices — .com and .app — were already taken. Claude suggested .io as the best alternative for a tech startup, which aligned with my instinct. At €28/year, sportssync.io was mine.
Connecting the domain to Lovable's deployment was surprisingly painless. Lovable automatically configured the DNS records, pointing the domain to their hosting infrastructure. Within hours, the same landing page was accessible at both the Lovable subdomain and sportssync.io.
Building a Landing Page with Lovable in One Hour
This is where it got interesting. I had:
- A brand identity (logo, colors, font)
- A domain
- A Lovable project with a rough landing page from the previous session
I uploaded the brand guidelines PDF directly to Lovable and asked it to adapt the existing layout to match. The AI understood the brief and started applying the orange and navy color scheme, updating the logo, and adjusting the typography.
What worked well:
- Color scheme application was immediate and mostly correct
- The favicon got updated (I went with the white version after testing both)
- Mobile layout came out surprisingly decent for a first pass
- Deep links to page sections worked
What needed manual intervention:
- The logo in the footer had contrast issues against the dark background (blue on blue — invisible)
- The "hero" section needed a real image instead of a placeholder
- Spacing and padding between sections required fine-tuning
- Some sections had too much vertical space, others too little
- The community section needed color adjustments to match the brand
I spent about an hour going back and forth with Lovable: "make the padding smaller," "change this section to the brand blue," "fix the logo contrast." It's conversational development — you describe what you want, it implements, you iterate. My 10 years of frontend experience helped me articulate what I wanted precisely, but the actual requests were things anyone could make.
The Google AI Overview Aside
While researching GDPR compliance for email collection, I noticed something significant: Google's AI Overview was now live in Spain. The search results page was dominated by an AI-generated summary that answered my question directly, pushing traditional organic results below the fold.
This matters for SportsSync's SEO strategy. If Google is going to summarize content rather than link to it, the blog needs to provide value that can't be easily summarized — unique data, personal experiences, specific technical decisions. Generic "how to" content is dead for SEO.
What the Landing Page Taught Me
After publishing, I reviewed the result on mobile and desktop. The honest assessment:
This would have taken me two weeks to build from scratch — designing, coding, making it responsive, handling all the edge cases. Lovable produced something functional in an hour. It's not perfect — there are broken images, placeholder sections, and the "hero" section needs real product footage — but it's live, it's accessible, and it communicates the basic value proposition.
The landing page's biggest weakness is the same as the video's: without real overlay footage, the most compelling demo of SportsSync doesn't exist yet. The before/after comparison, the telemetry data appearing on cycling footage — that's the "wow" moment, and right now it's a placeholder.
Cost Tracking
Running total: €63 — Logo + brand identity €35 (Fiverr, 3 days), domain sportssync.io €28, promotional video postponed, landing page with Lovable included in plan.
What's Next
The landing page exists but doesn't represent the product yet. It talks about "community" and "sharing" when the real value is cloud-rendered telemetry overlays. This disconnect will need to be addressed once the MVP is functional.
Next up: we start building the actual application — the upload pipeline, GPS sync, and rendering engine. The landing page can evolve alongside the product, but the product has to come first.
Create cycling shorts with GPS telemetry
Upload your video, sync your GPX data, and generate ready-to-share shorts in minutes.
Try SportsSync — early access