Lateish x Studio F
Design & Strategy
A phased engagement across brand strategy, marketing website, product design, and social, with a clear north star: bringing Canlyn, Bequai, and Coal into one cohesive dashboard where brands, distributors, and staff can work from a single place.
Brand Review, Communication & Framer Build
We begin by revisiting the core Lateish positioning, audience, tone, sub-brand hierarchy, and messaging architecture, then apply that directly to a new marketing website built in Framer. Strategy informs design throughout, so the site launches with a clear, coherent voice.
- Brand positioning document, audience, tone, key messages
- Sub-brand hierarchy framework (Lateish / Canlyn / Bequai / Coal)
- Messaging architecture for website copy
- Visual direction brief
- Wireframes and page architecture
- High-fidelity designs, homepage, platform pages, about, contact
- Framer build with CMS-editable sections
- Reusable component library
- Mobile-responsive across all breakpoints
- Launch-ready handover with documentation
Three platforms, one vision. We offer two ways in depending on where you are right now. Option A establishes a sharp, consistent foundation across Canlyn, Bequai, and Coal, unified under the Lateish brand. Option B goes deeper, a research-led process that shapes the product around how your users actually think and work.
Visual & UI Refresh
A focused update to modernise the look and feel across the three platforms, consistent component library, updated typography, colour system, and layout improvements,.
- Audit of existing UI across Canlyn, Bequai, Coal
- Unified design system, tokens and components
- Updated key screens per platform
- Bespoke design system built in collaboration with your developer, crafted to feel distinctly Lateish, not AI-generated or off-the-shelf
- Figma handover
UX Research & Full Redesign
A more comprehensive process: user interviews, usability testing, jobs-to-be-done mapping, then a full redesign informed by what we learn. Recommended before major development investment.
- Stakeholder workshops
- User interviews, 5–8 per platform
- Usability testing on current product
- Jobs-to-be-done and flow mapping
- Full UX redesign with prototypes
- Dev-ready Figma specs
A practical framework the Lateish team can actually use, not a 60-page PDF that sits unopened. The deliverable is a living document covering voice, content pillars, visual rules, and platform-specific guidance.
Brand Voice for Social
Translating the Lateish brand positioning from Stage 1 into a distinctive social presence. We define a unique style, voice, and aesthetic that Lateish can truly own, one that stands out in the premium drinks and hospitality space and is instantly recognisable across every channel.
- Tone-of-voice principles with real examples
- Do / don't phrasing guide
- How to write captions, headlines, and CTAs
What to Post
Defining 4–5 recurring content themes tied to business goals, thought leadership, product updates, industry signals, behind-the-scenes, social proof, with examples of each.
- Content pillar definitions
- Post format templates per pillar
- Suggested posting cadence
How It Should Look
Social-specific visual rules: asset sizing, logo usage, typography on graphics, colour usage, photography style, and ready-to-use templates for the team.
- Social asset templates, LinkedIn, Instagram
- Visual do / don't examples
- Figma template kit
Platform-Specific Guidance
Recommended platform mix based on where premium brands, distributors, and on-trade professionals actually spend time, and how to adapt content for each.
- Platform priority recommendation, LinkedIn, Instagram, TikTok?
- Content format guide per platform, carousels, reels, stories, long-form
- Hashtag and community strategy
- Measurement framework, what to track and why
The three stages are designed to be sequential but independently executable. Stage 1 informs Stage 2's design language, and both inform Stage 3's visual and tone guidelines.
What's included
- Weekly check-ins during active phases
- Two rounds of revisions per deliverable
- All files in editable formats, Figma and Framer
- Documentation and handover session at each stage
Not included (unless scoped)
- Copywriting and website copy
- Photography or video production
- Front-end development beyond Framer
- Ongoing social content management
- Paid media or ad creative