By Business 14 min read

How to build a boutique shop website with AI

A practical guide for boutique shop owners. What your site needs, copy-ready prompts you can paste into Ullbek, and how the seasonal jobs — new collections, lookbooks, events, restocks — stop being a developer ticket.

Illustrated boutique owner with a folded garment, golden energy stream leading to a glowing boutique website browser

Why boutique shop websites are harder than they look

A boutique website isn't a one-and-done brochure. Your stock turns over. Lookbooks change with the season. A trunk show lands on the calendar. A dress sells out by lunchtime. The thing people underestimate is the tension at the heart of the brief: a boutique is a brand, but the real shopping happens in two places — in the shop, and on a third-party store like Shopify or Etsy. The boutique site isn't an Amazon page. It's the brand site that brings people in and points them to the place they actually buy.

Traditionally that meant two websites, two systems, two things to update every time a sweater arrives. A generic template handles neither well. And a "boutique" template — say, a stock Shopify theme — looks like ten thousand other shops, not like yours.

The old way

Pay a designer, lose the photos, lose the voice. Or run an Etsy store that can't carry the brand. Or post everything to Instagram and pray the algorithm sends someone today. None of them feel like the shop.

With Ullbek

A real site that matches the shop's eye. Lookbooks are full-bleed editorial. Product pages sit on the boutique site for SEO and link to your Shopify or Etsy at the “Buy” button. Seasonal updates are a chat message, not a rebuild.

This guide does two jobs at once. It tells you what a strong boutique site includes, and it shows you how to get each piece built in Ullbek — using the product the way it's meant to be used: plain language, your own files, and copy-ready prompts.

How to use the prompts

Every prompt below uses a fictional boutique called Marlow & Moss. Swap the bold details for your shop name, neighbourhood, hours, and product categories. Hit Copy, paste into the Ullbek chat, and adjust anything that doesn't fit.

What a great boutique website needs

You don't need twenty pages. You need the few things a curious browser looks for in under a minute — and a way for you to keep them current without help.

Homepage that feels like the shop's window, not a product list

One editorial line, one strong image, the current season, a few new arrivals, and a path to the shop, the lookbook, or to visit.

Lookbook / seasonal collection

The boutique's signature page. Magazine-style full-bleed photos with one-line captions and a “Shop the look” button on every image.

Shop / product pages with a clear “how to buy”

Photos, materials, sizing, care. The product lives on the boutique site for SEO. The “Buy” button links out to your Shopify, Etsy, or other store.

About / the owner / the curation story

Why you opened, what you look for in a maker, the look of the room. Trust lives here — for online customers and the in-store regulars.

Visit us (hours, address, map)

Where you are, when you're open, and a map. For some boutiques this is the only place a new customer shows up.

Events & trunk shows

Designer visits, sample sales, seasonal parties. The events page is the only piece of the site that should change every month.

Staff picks

The cheapest, most charming refresh you have. A staff member and three favourites with a one-line note. Re-shootable without a product photoshoot.

Custom order / gift enquiry form

Gift cards, custom orders, alterations, bridal — anything that needs a real conversation. Built-in form, messages to your inbox.

(For designer-makers) Stockists page

If you make what you sell, a “where to find us” page is a search-engine magnet. List every shop that carries your line, with a city and a link.

Mobile-first, photography-respectful layout

Most boutique browsing happens on a phone, on the couch, on a lunch break. Photography has to do the heavy lifting — type and chrome should step back.

See a live example

Before you build, look at a finished boutique site made in Ullbek. Hazel & Hide is a fictional women's clothing and accessories boutique in Asheville, NC — the live site includes a homepage, lookbook, shop with product pages, about, visit, events, staff picks, and contact, all linking out to a placeholder Shopify store at the “Buy” button. Scroll and click inside the preview, or open the full site.

Hazel & Hide

Live demo

Asheville boutique · women's clothing & accessories · built and published with Ullbek

This host blocks in-page embeds. Open the live site instead — it works the same in a full tab.

Visit hazel-hide-2.ullbek.site ↗

The prompt library

Work through these in order the first time you build. After launch, jump straight to the tier you need — new product, sold-out update, trunk show, lookbook refresh — and paste the matching prompt.

Tier 1 Kick off the whole site

Start with one rich description. Ullbek will research nothing it shouldn't invent — give it the facts, and it builds a first draft you can steer.

Capability: full site from plain language
Kickoff — full boutique site
Build a website for my boutique, Marlow & Moss, a women's clothing and accessories shop in Hayes Valley, San Francisco. We curate natural-fibre pieces from small studios — linen, wool, silk, hand-thrown ceramics, leather goods — about 80 SKUs at a time.

Vibe: warm, editorial, calm. Like a magazine that happens to sell things, not a catalog.

Audience: neighbourhood regulars and visitors who care about how a thing wears in, not just how it photographs.

Pages I need: Home, Lookbook, Shop, About, Visit, Events, Staff picks, Contact.

Important: this is a brand site, not an e-commerce store. Every “Buy” button on a product page must link out to our existing Shopify store at https://shop.example.com — we don't want a cart, checkout, or any payment flow on this site.

Use a warm, considered palette (paper cream, deep ink, terracotta accent, deep olive) and an editorial serif headline with a clean humanist sans for body.

Don't invent products, press quotes, awards, or staff I haven't given you.
Tier 2 Shape the homepage like a shop window

A boutique homepage isn't a product list. It's the view from the street — one image, one line, the current season, a few new arrivals, and a path into the shop.

Capability: restructure layout by describing intent
Structure — homepage sections
Rebuild the homepage for Marlow & Moss with these sections in order: (1) a full-bleed hero — one strong image, one editorial line, two buttons (Shop the collection / See the A/W lookbook); (2) a 3-image “current season” strip linking to the lookbook; (3) a “What's new in the shop” 4-card product strip (each card has photo, name, price, and a “View” button); (4) a “Visit the shop” panel with address, hours, and a “Get directions” button; (5) a small “Next event” line with a link to the Events page; (6) a quiet footer.

Keep it calm and scannable on a phone — no long paragraphs above the fold.
Tier 3 The lookbook — the boutique's signature page

This is where most templates fall over. A boutique lookbook is a magazine spread, not a product grid. Six to eight full-bleed photos, each with a one-line caption and a “Shop the look” button that jumps to the relevant product pages. With Ullbek you describe the editorial you want — the AI lays it out full-bleed on every screen size.

How the boutique “buy” pattern works

The product page lives on your boutique site (for SEO and the “considered” feel). The “Buy” button on that page is an outbound link to your Shopify / Etsy / Squarespace Commerce product URL. The boutique site is a brand site — your real store handles the cart and checkout. See Working with assets for image handling.

Capability: editorial layout from a description
Lookbook — the signature page
Create a Lookbook page called “A/W 2025 — The Considered Year.”

Layout: editorial full-bleed. Six to eight photos, each a different “look.” Between every photo, a one-line caption in a small italic serif (something like “The Oaxacan weekend.” or “First real coat weather.”) and a quiet “Shop the look →” button that links to the relevant product page on this site.

No product grid, no thumbnails, no prices visible on this page — it should feel like a magazine spread, not a catalog.

On mobile, keep the photos full-bleed and the captions inline.

Use the seasonal photos I just uploaded.
Lookbook — refresh for the next season
I'm uploading the new Spring/Summer photos. Replace the A/W 2025 lookbook with a new one called “S/S 2026 — The Long Light.”

Same editorial layout — full-bleed photos, one-line italic captions, “Shop the look →” buttons — but use the new photos I'm attaching and these new captions: [paste 6–8 captions].

Update the homepage “current season” strip to match.
Tier 4 Product pages that link to your real store

Each product gets a page on the boutique site — for SEO and the considered feel — with a “Buy” button that opens the same product on your Shopify or Etsy. No cart, no checkout on this site.

Capability: structured content + outbound “buy” links
Product — new product page with buy link
Add a new product to the Shop for Marlow & Moss: “The Linen Camus Shirt”, $148, in oat.

Photos: I'm uploading three — front on a hanger, on a body, and a detail of the cuff.

On the product page, include: 2–3 photos (the first one large, the others as a row below), name, price, materials (100% European linen), sizing notes (runs slightly large; size down for an oversized fit), care (machine wash cold, line dry), a one-paragraph brand note (“Cut and sewn in a small studio in Porto. The flax gets softer every wash.”), and a clear “How to buy” panel at the bottom that says: “Available in our shop in Hayes Valley, and on our online store.” with a primary “Buy on our online store →” button that opens https://shop.example.com/products/linen-camus-shirt in a new tab.

Add it to the Tops filter on the Shop page.
Product — sold out / restock
On The Linen Camus Shirt product page, change the “Buy” button to a small “Sold out — sign up for restock” button that opens the contact form pre-filled with the subject “Restock alert: Linen Camus Shirt.”

Keep the rest of the page as-is. If we get a restock, ask me to flip it back — but for now, do not delete the page; the SEO juice is worth more than a 404.
Tier 5 Photography — the look of the shop

Phone photos of real garments on a real hanger beat perfect stock. Shoot in one session with one background, take a detail shot of every care tag, and you'll have a season's worth of product pages in an afternoon.

Capability: your uploads · stock · AI images
Images — place your own photos
I've uploaded a folder of photos from our last shoot — flat lays, on-body, and detail shots.

Use the strongest on-body shot as the homepage hero.

Put the three strongest on-body looks into the A/W lookbook (in this order: [list the filenames or describe them]).

Use the flat-lay product shots for the Shop grid.

Use the detail shots (cuffs, hems, hardware) as the second image on each product page.

Crop thoughtfully so faces and garments aren't cut off, optimise for the web, and keep a warm, slightly desaturated look that matches the cream-and-ink palette. If any photo is the wrong shape for its slot, crop it to fit rather than stretching it.
Images — stock while you shoot your own
I don't have a photoshoot scheduled for two weeks.

Find warm, realistic stock photos for a small clothing boutique — folded linen on wood, ceramics on a shelf, a quiet shop interior, hands holding a garment in natural light — that match a cream, ink, and terracotta palette.

Use them as temporary placeholders on Home, Shop, and the Lookbook, and label them in our working notes so I can replace them with real photos later.

Prefer photographic over illustrated. Don't generate AI images of clothing — they look uncanny.
Tier 6 Staff picks — the cheapest refresh you have

You don't need new products to refresh the site. Three staff picks, three one-line notes, three photos — done. Re-shootable in 15 minutes when a garment comes back from the floor.

Staff picks — current favourites
Update the Staff picks page for Marlow & Moss. Three staff members, each picks three current favourites with a one-line note.

Here's the list: Marlowe (owner) — the Linen Camus Shirt (“the kind of shirt you stop lending”), the Brass Cuff (“goes with everything, fights nothing”), the Wool Tote (“has held up to a wet umbrella for two winters”); Moss (manager) — the Silk Slip Dress (“the slip you forget you're wearing”), the Ceramic Mug (“morning coffee in a thing that has weight”), the Wool Scarf (“the one thing I own that's older than my job”); Sasha (floor) — the Linen Trousers (“I have these in two colours”), the Leather Card Wallet (“small, ugly in a good way, indestructible”), the Brass Earrings (“they tarnish — that's the point”).

Use the product photos already on the site, link each pick to its product page, and put staff headshots in a small round frame next to each name.
Tier 7 Events & trunk shows

The events page is the only page that should change every month. Trunk show, sample sale, seasonal party, designer visit — add it, then take it down after. Don't let the page become a graveyard.

Capability: easy updates without rebuilding
Events — trunk show, sale, or visit
Add three upcoming events to the Events page for Marlow & Moss: (1) Trunk show with Elin Margit — Saturday Nov 15, 11–6. Elin is a knitwear maker from Reykjavík; she'll be in the shop with her full autumn collection. RSVP recommended, walk-ins welcome. (2) Sample sale — Friday Nov 21, 5–8pm. Past-season pieces, $25–$150, first-come first-served, cash and card. (3) Styling night — Thursday Dec 4, 6:30–8:30pm. A small-group styling session with Marlowe; ten spots, $25 holds your seat (refunded with any purchase).

Each event card: date, time, one-line description, an “RSVP” button that opens the contact form pre-filled with the event name in the subject.

Also pin a small “Next event” line on the homepage for the trunk show, with a link to the Events page.

After Dec 8, remind me to remove the styling-night card.
Tier 8 Custom orders, gift cards, and the enquiry form

Ullbek has a built-in form backend. You don't need Formspree, Google Forms, or a plugin. One form with a subject dropdown, messages in your inbox, spam filtered.

Capability: built-in forms → your inbox
Contact — enquiry form with subject dropdown
On the Contact page, add one enquiry form with fields: Name, Email, Phone (optional), Subject (dropdown: General question, Gift card, Custom order, Press, Restock alert, Wholesale), Message.

Title it “Get in touch.” Use Ullbek's built-in form handling so submissions email me automatically with spam filtering.

Add a short note under the form: “For sizing help, pop into the shop — we're better at fit in person than by email.”

Also list our email hello@marlowandmoss.example and Instagram handle as text alternatives for people who'd rather not use a form.
Gift card — link out, don't build a flow
Add a small “Gift cards” section on the Contact page (or a dedicated page if you prefer).

One short paragraph explaining we sell gift cards in any amount, redeemable in the shop or online.

One button: “Buy a gift card →” that links out to https://shop.example.com/products/gift-card in a new tab.

Don't build a gift-card form on this site — just one paragraph, one button, one link.
Tier 9 About, story, and the look of the room

People buy clothes from people. A short, true story beats filler copy every time. Describe the shop, the room, the cat, what you look for in a maker. Don't invent press quotes.

About — real story only
Write the About page for Marlow & Moss from these facts only — don't invent history, press, or staff: opened in 2019 by Marlowe Reyes after ten years as a fashion editor in New York; the shop is a 600-square-foot room in a 1920s building with original wood floors and a west-facing window; the name comes from Marlowe's grandmother and her first dog Moss; we look for makers who use natural fibres, work in small studios, and price their work fairly.

Tone: warm, plain-spoken, no corporate fluff.

Include a simple portrait slot for Marlowe (I'll upload the photo) and a short “What we look for” list of three lines.
Trust — real press only
Add a small “As seen in” strip on the About page using only these real mentions (do not invent any): “The quietest new boutique in Hayes Valley.” — San Francisco Chronicle, 2020; “Marlowe Reyes has an eye.” — The Cut, 2021.

If I don't have enough mentions yet, leave the strip empty and add a “Press enquiries: hello@marlowandmoss.example” line instead.

Never fabricate quotes or stars.
Tier 10 Visit us — hours, map, what to expect

The Visit page is the one people open while walking. Make hours impossible to miss, embed a map, and tell a first-timer what to expect.

Capability: structured content you can update anytime
Visit — hours, map, what to expect
On the Visit page for Marlow & Moss, set address to 512 Hayes Street, San Francisco CA 94102.

Hours: Tue–Sat 11–6, Sun 12–4, closed Mon.

Add an embedded map using OpenStreetMap via Leaflet (no Google Maps key).

Add a “Get directions” button that opens the address in Apple Maps or Google Maps.

Add a short parking/transit note (Two-hour street parking; one block from the Powell St. BART).

Add a one-paragraph “What to expect on your first visit” — small room, lots of natural light, the dog may be asleep on the rug in the back, no pressure to buy, ask anyone on the floor for help.
Visit — holiday hours banner
Add a temporary banner across the top of the site: “Holiday hours — closed Dec 24–26, open Dec 27–31 11–5, closed Jan 1.”

Also update the Visit page hours for that window.

Set a reminder (in our working notes) to remove the banner on Jan 2.
Tier 11 (For designer-makers) A stockists page

If you make what you sell, the stockists page is your best-kept SEO secret. A plain list — city, shop name, link — sends the right people to the right door, and search engines love it.

Stockists — where to find us
Add a Stockists page to the site. Plain list, grouped by city, one line per shop: city, shop name, link to the shop's website.

Use only the stockists I give you: [paste your list].

Add a small “Want to carry us? Wholesale enquiries: hello@marlowandmoss.example” line at the bottom.

No map — a clean list is faster, easier to maintain, and ranks better for “brand + city” searches.
Tier 12 Polish for phones and search

Most visitors are on a phone, often on the couch. A few targeted asks go a long way before you publish.

Capability: responsive design + on-page SEO
Polish — mobile & SEO basics
Review the whole Marlow & Moss site for mobile: the lookbook photos stay full-bleed, the shop grid collapses cleanly to one or two columns, the “Buy” buttons are thumb-friendly, and the homepage hero and the “What's new” strip are reachable in one scroll.

Add a sensible page title and meta description to every page mentioning women's boutique Hayes Valley naturally where it fits.

Add alt text to key images — especially the lookbook photos and the owner's portrait.

Don't stuff keywords — keep it human.
Tier 13 Publish and go live

When it looks right, publish. You get a free *.ullbek.site address immediately, with HTTPS. Connect your own domain when you're ready.

Capability: one-click publish · free subdomain · custom domain
Launch — publish checklist
I'm ready to publish Marlow & Moss.

Do a final pass: every page has a title and meta description, every product page has a working “Buy on our online store” link, the contact form is wired up, hours are correct, there are no placeholder “lorem ipsum” or TODO notes left, and the lookbook photos all render full-bleed on mobile.

Then walk me through publishing to a free Ullbek subdomain.

After that, explain how I'd connect marlowandmoss.com when I'm ready.
“A boutique website isn't finished when it launches. For a shop with seasons, launch is when the easy updates begin.”

After launch: the updates that used to be painful

The real product for a boutique owner isn't the first build — it's month two. Here's how common updates map to what you already learned:

Common boutique updates → what to do in Ullbek
New product in
Use the Tier 4 product prompt with the photo, name, price, and Shopify URL. The product page is live the same hour.
Sold out / restock
Use the Tier 4 sold-out prompt. Keep the page; flip the button to “Sold out — sign up for restock.”
New lookbook (next season)
Drop in the new photos → use the Tier 3 lookbook refresh prompt. Same layout, new content.
Trunk show / event
Tier 7 — add the event, then remove it after. Don't let the page become a graveyard.
Staff picks refresh
Tier 6 — no new photoshoot needed. Three staff, three picks, three lines.
Holiday hours
Tier 10 — banner + Visit page in one go. Set a reminder to remove the banner.
Press mention
Tier 9 — add only the real quote. Never invent press.
Own domain
Publish first on the free subdomain, then connect your domain. See Publishing & going live.

Tips that save boutique owners hours

  1. Shoot products against one consistent background

    A linen sheet on a table, a piece of painted MDF, a quiet corner of the shop. One background across an entire shoot is the difference between a site that looks like a brand and a site that looks like a marketplace.

  2. Always take a detail shot in the same session

    Cuffs, hems, hardware, the inside of a collar, the care tag. One close-up of the thing that makes the garment special. It earns its place on every product page.

  3. One photoshoot per season, drip-feed across the year

    Shoot a whole season in one day. Don't re-shoot a single garment — instead, rotate the homepage hero and the staff picks from the same library every few weeks.

  4. Use staff picks as a refresh without new photography

    When the shop feels flat, change who's picking and what they're picking. Same products, new voice, new homepage. No new photos required.

  5. Add events 2–3 weeks ahead, remove after

    A trunk show in two weeks is news. A trunk show that happened in March is clutter. The events page should feel current. After the event, take it down.

  6. “Sold out” is a feature, not a bug

    A boutique with everything in stock looks like a department store. A boutique with one sold-out piece and a “sign up for restock” button looks curated and intentional.

  7. For designer-makers: list every stockist on a single page

    One line per shop, with the city. It's a search-engine magnet for “[brand] + [city]” and it sends the right kind of customer to the right door.

Preview ≠ live

The left-hand preview shows your working site. Visitors only see what you've published. After a new product, a sold-out update, or a new lookbook, publish again so the world sees it.

Ready to build your boutique site?

Open Ullbek, paste the Tier 1 kickoff prompt, and swap in your shop's name and neighbourhood. Your first draft — homepage, lookbook, shop, the works — is one conversation away.