Spectiv

The challenge

Spectiv is a marketing agency built to grow brands — so its own design had to work just as hard. The role called for consistent, on-brand design across web and social that didn't just look good, but earned attention, built trust, and moved audiences toward converting.

The approach

1. Design landing pages that convert. Created web pages and landing pages built around clarity and action — designed to turn visitors into leads and customers.
2. Keep the brand consistent everywhere. Produced social graphics, Facebook content, and marketing materials that stay cohesive across every touchpoint.
3. Support digital assets end-to-end. Handled a range of digital design — from web assets to campaign graphics — keeping everything on-brand and growth-focused.
4. A reliable long-term partner. Worked as a consistent part of the team for 1.5 years — dependable, on-brand, and tuned to real business goals.

Workflow — brief to launch

The same process a professional agency design team follows for every landing page and campaign — brief, research, messaging, wireframe, design, adapt, hand-off and iterate. I made the design decisions; AI sped up research, copy exploration and visual assets.

1. 01

   Brief & goals

   Every piece starts from the marketing brief: who it's for, the offer, and the one action it has to drive — book a call, sign up, or click through. Used Claude to break long briefs into a clear checklist of goals and must-haves.

   StrategyClaude
2. 02

   Research & references

   Reviewed competitor landing pages and ads to see what the category already says, then gathered references for layout and visual style. AI helped summarise competitor messaging and audience pain points faster, so the direction stays different, not copied.

   ResearchChatGPTGemini
3. 03

   Messaging & copy

   Wrote the core message first — the headline, the promise and the proof. Used Claude to explore headline and CTA variations in Spectiv's voice, then picked and edited the strongest so the copy stays human and on-brand.

   ClaudeCopy editing
4. 04

   Wireframe the conversion path

   Mapped each page section by section — hero, social proof, services, results, pricing, CTA — so every scroll answers the next question a visitor has and leads to one clear action.

   UX structure
5. 05

   Visual design on a brand system

   Designed within a consistent system — dark base, signature cyan accent, one type scale, reusable cards, buttons and stat blocks — so every page and post looks like the same brand. Used AI image generation for supporting visuals like the glowing member card and growth graphics, then refined them in Photoshop and Illustrator.

   UI designGeminiPhotoshopIllustrator
6. 06

   Responsive & social adaptation

   Designed desktop and mobile versions of each page, then adapted the same key visuals into social formats — feed, story and ad sizes — so a campaign reads as one story on every channel.

   ResponsiveAffinity Designer
7. 07

   Review & hand-off

   Shared designs with the team for feedback rounds, then prepared clean hand-off files — organised layers, exported assets in the right sizes and formats, and notes on spacing and states for the build.

   Collaboration
8. 08

   Launch, measure & iterate

   After launch, looked at how pages and ads performed and fed that back into the next round — new headline tests, tighter layouts, stronger visuals. Over 1.5 years, that loop kept the brand consistent and the design working toward growth.

   Iteration