Work with Kath Asset Form Sana Cafe Website
Saved

Hej, Natasha — let's gather everything we need.

1Brand
2Foundation
3Story
4Visuals
5Visit & Tech

How To Use This Form

01Brand FoundationLogo Needed

The stuff that shapes everything else — voice, audience, goals. This isn't in the audit; it's the layer underneath every section we'll build.

How should Sana sound on the page? Warm and conversational? Refined and minimal? Playful and local? Pick what fits.

What does Sana want to be — for the island, for visitors, for the community? A few sentences is enough.

Pick the closest fit. This drives copy and content depth.

What success looks like 3 months after the new site goes live. Be specific.

Paste official hex codes. Add as many as you need — primary, secondary, accent, etc.

Primary
Background
Accent
Text / Dark

Name the fonts or paste Google Fonts / supplier links. Add more for display, body, accent, etc.

SVG preferred for the main logo (scales perfectly). PNG fallback if no SVG exists.

Drive link or AirDrop → 01-Logo
Naming · Logo · MAX 2 FILES · Move To 01-Logo
logo.svg MAX 200KB favicon.png 256×256 · MAX 100KB

The single sentence that captures Sana. Used in metadata + Google preview.

02Hero · Warmly YoursVideo + Photo

The first thing visitors see. Atmosphere before words.

15–30 second looping video of the cafe (no audio).

Drive link or AirDrop → 02-Hero

Still photo that plays when video can't load.

Drive link or AirDrop → 02-Hero
Naming · Hero · MAX 2 FILES (1 video + 1 photo) · Move To 02-Hero
hero-bg-video.mp4 MAX 10MB · h.264 · 15–30 sec · no audio hero-bg-fallback.jpg MAX 2MB · 2000×1200+

Biggest file in the whole site — compress aggressively

03Trust Strip · 4 Signals Across The Top

A horizontal strip of 4 cards visitors scan in 5 seconds. Below are the 4 I'm proposing — confirm each one, or tweak it.

Signal 1 · Specialty Coffee
Specialty Coffee
100% Arabica Roasts
Signal 2 · Beachfront Views
Beachfront Views
Sta. Cruz, Dinagat Islands
Signal 3 · Hours
Open Daily
8:30 AM – 10:00 PM
Signal 4 · Private Events
Private Events
Message To Serve
04Scrolling Banner · Review Highlights

Short quotes pulled from Google Reviews — the "sweet spot" lines that scroll on loop.

Or paste your own picks — one per line, each under 10 words.

05About · Our Story, Why SanaPhotos Needed

The shifting story section. Photos + text that move from one story to another.

Portraits or candid shots of you at the cafe. Authentic, not overly posed. Plus story-pair images.

Drive link or AirDrop → 03-About
Naming · About · MAX 6 FILES (3 owner + 3 story) · Move To 03-About
about-owner-portrait.jpg MAX 2MB each about-story-01.jpg about-story-02.jpg

How Sana came to be. 100–200 words. Personal, specific.

Why does Sana exist? What makes it different? 50–100 words.

Additional images that pair with different parts of the story.

Drive link or AirDrop → 03-About

Want to add more story moments? Each one is a small block of text + an image. Tap "+" to add as many as you want.

06Testimonials · Google Reviews Expanded

The same reviews from the banner — but slightly expanded.

First name + star rating + review. Use first name only.

07Meet The Team · Group PhotosPhotos Needed

Shifting group photos of the team — not individual portraits.

Candid group shots — behind the counter, post-shift, all together at sunset. More than 4 won't display (shift animation cycles best with 3–4).

Drive link or AirDrop → 04-Team
Naming · Team · MAX 4 FILES · Move To 04-Team
team-group-01.jpg MAX 2MB each team-group-02.jpg team-group-03.jpg team-group-04.jpg

Want a different caption under each team photo? Pair each filename with a short caption. Add as many as you need.

team-group-01
team-group-02
team-group-03

Same options as the About section, so the two feel consistent.

08Gallery · Photos + VideosPhotos + Videos

Visual proof — photos and short clips together.

Quality over quantity. Mix of: space, drinks, food, people, atmosphere.

Drive link or AirDrop → 05-Gallery
Naming · Gallery Photos · MAX 8 FILES · Move To 05-Gallery
gallery-photo-01.jpg MAX 3MB each gallery-photo-02.jpg ... -08.jpg

Total under 25MB for this section

Best option: link existing Instagram Reels or TikTok URLs (no file storage). File uploads only if no social posts exist.

Drive link or AirDrop → 05-Gallery
Naming · Gallery Videos · MAX 3 FILES · Move To 05-Gallery
gallery-video-01.mp4 MAX 15MB each · h.264 gallery-video-02.mp4 gallery-video-03.mp4

Instagram/TikTok URLs preferred — zero file storage

09The Craft · SanRemo + Brazil CerradoPhotos Needed

The machine, the bean, the standards.

The Craft section only shows 2 machine slots on the live site. More than that won't display.

Drive link or AirDrop → 06-Craft
Naming · Craft Machine · MAX 2 FILES · Move To 06-Craft
craft-sanremo-01.jpg MAX 2MB each craft-sanremo-02.jpg

Drop into 06-Craft

Pick the version that fits your typical visitor. If you picked families / casual in Section 01, Short is usually best. If coffee enthusiasts, Full Spec works. Mixed audience → Compact.

For the bean spec card. Whole bean, ground, pour, espresso — pick 3 that show range.

Drive link or AirDrop → 06-Craft
Naming · Bean · MAX 3 FILES · Move To 06-Craft
craft-bean-whole.jpg MAX 2MB each craft-bean-pour.jpg craft-bean-espresso.jpg
10Full Menu · CarouselPhotos Needed

Carousel of food & drinks with item names.

Carousel scrolls through these. More than 14 items total feels cluttered — pick your top sellers + signature items. Each filename = the item name so it auto-pairs with the label below the photo.

Drive link or AirDrop → 07-Menu
Naming · Menu · MAX 14 FILES (8 drinks + 6 food) · Move To 07-Menu
menu-drink-strawberry-matcha.jpg MAX 1.5MB each menu-drink-iced-latte.jpg menu-drink-cold-brew.jpg ... up to 8 menu-food-avocado-toast.jpg menu-food-banana-bread.jpg ... up to 6

Square crop preferred (carousel uses equal sizes). Total under 25MB.

All categories + items + prices.

11The Experience · Made For LingeringPhotos Needed

The live site has 6 cards in this section. For each one — keep the current copy, swap to a suggested alternative, or write your own. Plus the 6-image grid below gets fully replaced with fresh photos.

Card 1 · Beachfront
"The View That Never Gets Old"
Every seat faces the sea. Order your coffee, find your corner — the tide keeps time for you.
Card 2 · Specialty Coffee
"Coffee Worth the Trip"
Specialty Arabica roasts, brewed with care. The kind of cup that makes the ferry ride feel worth it.
Card 3 · Your Island Base
"Work, Wander, or Just Be"
Vacationing or remote for the day — fast WiFi, open seating, no pressure to leave. Stay as long as you like.
Card 4 · Family-Friendly · needs replacing
"Bring the Whole Family"
We're pet-friendly. Warm wood, open air, and a space that feels as welcoming to your dog as it does to you.
Don't lead with "pet-friendly" — that lives in the FAQ. Lead with the family-sized welcome Sana actually offers.
Card 5 · Food & Bites
"Real Food. Island Roots."
Local ingredients, housemade bakes, honest plates. The kind of food that keeps you coming back.
Card 6 · Slow Evenings
"The Evening You Didn't Plan"
Pick a board game, order a flat white, and let the Dinagat sunset do the rest. Games available for the table.

Send 6 photos — one for each card above. The live site will swap all of them.

Drive link or AirDrop → 08-Experience
Naming · Experience · MAX 6 FILES (1 per card) · Move To 08-Experience
experience-beachfront.jpg MAX 2.5MB each experience-coffee.jpg experience-island-base.jpg someone working / lingering experience-family.jpg big group / family scene experience-food.jpg real food shot experience-slow-evening.jpg board games / sunset hang

Drop into 08-Experience · file order matches card order above

12Subscription · Delivery + Flask

Three service options.

13Merchandise · Flask FocusPhotos Needed

Focused on tumblers / flasks. Rent and buy options.

Mix product shots + 1 lifestyle shot. More than 4 won't display.

Drive link or AirDrop → 09-Merchandise
Naming · Merchandise · MAX 4 FILES · Move To 09-Merchandise
merch-flask-product.jpg MAX 2MB each · clean studio shot merch-flask-angle.jpg another angle merch-flask-color-blue.jpg color variation (if any) merch-flask-lifestyle.jpg someone holding it at the beach

One lifestyle shot sells more than 5 studio shots

14FAQ · Visitor Questions

For each question — either write the answer in your voice, OR check "Let Kathrina Decide" and I'll write something matching your brand tone.

15Visit & Location

Confirming hours, links, redirects all work.

List every social account — one URL per line. Instagram, Facebook, TikTok, YouTube, Lazada, Shopee, anything.

16Technical & Accounts

Behind-the-scenes setup.

Asset Naming Guide

How To Name Your Files

  • All lowercase — no capital letters
  • Use hyphens, not spaces — about-owner.jpg not About Owner.jpg
  • Section prefix first — tells me where the file belongs
  • Number multiples — -01, -02, -03
  • Photos as .jpg, videos as .mp4, logos as .svg or .png
Herohero-bg-video.mp4
hero-bg-fallback.jpg Aboutabout-owner-portrait.jpg
about-story-01.jpg Gallerygallery-photo-01.jpg ... gallery-photo-15.jpg
gallery-video-01.mp4 Teamteam-group-01.jpg The Craftcraft-sanremo-01.jpg
craft-bean-brazil-cerrado.jpg Menumenu-drink-strawberry-matcha.jpg The Experienceexperience-sunset-01.jpg Merchandisemerch-flask-01.jpg Logoslogo-full-color.svg
favicon.png
Tip — you can rename inside Google Drive, or just send the photos with any names and I'll rename them.