Sample buildE-commerce App

Side B Records: an online shop for an independent record store

Side B sells records the way a good shop does in person: you hear a preview, see the pressing, read why the staff like it and dig through new arrivals by genre. It's a sample build we designed and built to show custom e-commerce for a shop with specific products.

Book a 30-minute intro call
Top seller

Pipeline

Tuesday, 29 September
Hi Ana 👋

4 visits left today · 1 order to confirm

12°LjubljanaPartly cloudy
Today's routeLjubljana East · 6 stops
Today's visits3 of 6 completed
Recent orders
✓Mlekarna Sora€2,150Today, 11:40
✓Pekarna Kovač€1,250Today, 08:40
✓Hotel Lipa€980Yesterday, 16:20
Closed this month
€0↑ 18%
Top performing reps
1MZMarko Zupan
28
2AHAna Horvat
24
3PLPetra Lah
19
9:415G
Fieldline CRM
Tuesday, 29 September
Hi Ana 👋
4 visits left today · 1 order to confirm
Today's routeLjubljana East · 6 stops
Today's visits3 of 6 completed

Clients

Orders

This week€12.6k+18% vs last week
Recent orders9 this week

More

AH
Ana HorvatField sales, Ljubljana East
Monthly target€84.2k of €90k
€5.8k to go with 3 working days left
⌁
Offline mapsLjubljana East downloaded
◔
Visit reminders15 minutes before each visit
◎
Share live locationVisible to your manager
?
Help and supportChat with the Fieldline team
›
Quick actions

Fieldline CRM

CRM Dashboard

A sales CRM for teams that sell on the road. Managers see every rep's daily route on a live map, visits and signed orders sync from the phone in real time, and the leaderboard shows who is closing and where the territory needs attention.

Try it: in Desktop, press Start and End visit, click a stop or a visit, switch the map view, or open the app full screen. On Tablet, drag deals between pipeline stages. On Phone, use the + button to log a visit.

  • Live route map for every rep in the field
  • Pipeline board with filters per rep
  • Mobile app for logging visits and orders on the road
  • Revenue, targets and leaderboards updated in real time
  • Role-based access for managers, reps and admins
New
Sauna now86°C
Plunge pool4.2°C
Good morning, Eva

Here's what's happening at Frosthouse today.

Bookings today0↑ 12%
Occupancy0%Peak 18:00–20:00
Revenue today€0↑ 18%
Members checked in31of 42 bookings
Live capacity
75%9 / 12Sauna
50%3 / 6Cold plunge
65%31 / 48Lockers
Today's schedule
Thu, 1 October
08:0010:0012:0014:0016:0018:0020:0022:00
SAUNA
COLD PLUNGE
CONTRAST
18:30
Next arrivals
Revenue this week
€7,840↑ 14%
€2.4k€1.2k€0
Mon
Tue
Wed
Thu
Fri
Sat
Sun
Popular sessions
1Contrast
46%
2Sauna
34%
3Cold plunge
20%
Quiet hours opportunity
14:00 – 16:0042% average occupancy
18:22
Sauna9 of 12
75%
Plunge3 of 6
50%
Lockers31 of 48
65%

Today

Thursday, 1 October

Check in, 18:30

5 of 6 here
Towels38clean
Available lockers17of 48
Next turnover19:45in 1 h 23 min
9:415G
FrosthouseTivoli Park, Ljubljana
Book a session

Sauna, cold plunge or contrast. Reset your body and mind.

Most popular
75 min

3 rounds of 12 min heat
and 3 min cold,
with rest between.

GuestsUp to 2 for this slot.
2

Free cancellation up to 4 hours before.

Good evening, EvaTivoli Park is quiet right now
Sauna now86°CFinnish, dry heat
Plunge pool4.2°CFiltered spring water
How busy is it?
12:00Now22:00
Your pass
10-visit card7 visits left
Valid until 31 March 2027
Upcoming
Profile
EK
Eva KranjcMember since March 2025
Booking reminders
Towel and robe by default
Quiet sessions only
Your next visit
Contrast session
Sat 3 Oct, 10:00
1 guest, locker 22
Show this at the front desk

Frosthouse

Booking App

A booking app for a sauna and cold-plunge studio. Guests pick sauna, plunge or a contrast session, see live capacity for every time slot, and get a digital ticket with their locker number. The studio fills quiet hours and stops overbooking at peak times.

Try it: switch the session type, pick a day and time, change guests and book.

  • Live capacity and pricing for every time slot
  • Digital tickets with locker numbers
  • Front-desk tablet for check-in and occupancy
  • Website with online booking and memberships
  • Card payments and 10-visit passes through Stripe
Client favourite

New arrivals

Week 40

32 records this week

Night SwimmingLua Marin
1:24 / 3:42Previewing Side A
9:41   Thu 1 Oct100%
A
Preview Side A
03:42
STAFF NOTE

You might also like
9:41
1 of 3 new arrivals
A
STAFF
PICK
Preview Side A
03:42
STAFF NOTE

9:41

New arrivals

Week 40 · 32 records this week

Shipping
Total
MK
Maja KosCrate digger since 2021
34records bought
12on wishlist
€18store credit
Order placed

Side B Records

E-commerce App

A mobile store for an independent vinyl shop. Every record gets a playful product page with formats and pressings, the cart is a "crate" that nudges customers toward free shipping, and staff picks give the shop the personality of a real record store.

Try it: flip through records, play a preview, pick a format, add to the crate and check out.

  • Product pages with formats, pressings and audio previews
  • Cart that nudges customers toward free shipping
  • Web store with genre, format and condition filters
  • Editorial staff-pick pages that sell the shop’s personality
  • Stock and orders managed from one admin panel
Launch in 2 weeks
Vietnamese noodle bar · Old Town
Open today until 22:00
Broth that simmers
for eighteen hours.

A Vietnamese noodle bar built around slow broth,
fresh herbs and recipes worth waiting for.

4.81,240 reviews·Walk-ins welcome at the bar
18h
broth fresh
herbs daily

Tonight’s favourites

OUR BROTH18 HOURSStarted every night
after the last service.

Beef bones, charred ginger,
star anise and onions.
Our stock starts after the last
bowl leaves the kitchen.

Beef bones
Star anise
Ginger
Onion
Cinnamon
Vietnamese noodle bar · Old Town
Kitchen openOpen today until 22:00
18h
broth
Order
for pickup

Freshly prepared.
Ready when you arrive.

OUR BROTH18 HOURSStarted every night
after the last service.
Walk-ins welcome
at the bar.
9:41
Vietnamese noodle bar · Old Town
Open today until 22:00
18h
broth
Broth that simmers for eighteen hours.

Beef bones, charred ginger and star anise. Started every night before we close.

4.81,240 reviews·Walk-ins welcome at the bar

Popular today

Our menu

Book a table

We hold tables for 15 minutes. Walk-ins welcome at the bar.

Day
Guests
2
Time
Pickup bag

Order ahead and pick up at the counter, 5 minutes from Prešeren Square.

Visit us

Trubarjeva cesta 21, Ljubljana

5 min walk from Prešeren Square

Nhà Linh

Restaurant Website

A website for a Vietnamese noodle bar that leads with the food and the story behind it. Guests see today's opening hours at a glance, read the menu with prices, and book a table or order pickup in one tap from any page.

Try it: browse the menu, add dishes to the pickup bag, book a table, read the broth story.

  • Menu with categories, tags and prices
  • Table reservations with live availability
  • Pickup ordering with a chosen pickup time
  • Opening hours that show open or closed today automatically
  • Mobile site with one-tap call and directions

What it solves

Records have formats, pressings, conditions and tracklists, and generic shop templates squeeze all of that into one description box. Small shops end up selling through DMs or marketplaces that take a cut. Side B gives each record a proper page and keeps the shop's personality online.

What it does on each device

  • New arrivals in a large grid, with covers and a vinyl disc peeking out
  • Filters for genre, format, condition, price range and label
  • A player bar at the bottom that previews any record you click
  • Add to the crate with one tap on the + button
  • A crate panel with quantities, total and checkout
  • A free-shipping card showing how far away it is

Key features

  • Formats and pressings with their own prices
  • Audio previews for every record
  • Staff picks and staff notes
  • Filters that match how people dig for records
  • One crate shared across phone, tablet and desktop
  • A free-shipping nudge in the cart

How it was made

  • React
  • TypeScript
  • Tailwind CSS
  • Supabase (catalogue, stock, orders)
  • Stripe checkout
  • short audio preview clips
  1. 1We listed what a buyer checks before paying for a record: format, pressing, condition, tracklist and a quick listen.
  2. 2We designed the product page first, because that's where people decide, then the browse screens and the crate.
  3. 3The catalogue stores formats and pressings as separate options, so each one can have its own price and stock.
  4. 4The showcase version is a working prototype. A production version adds the real catalogue, stock, payments and shipping.

Design choices

Covers as the hero

every sleeve is large, because that's what people recognise first.

Cobalt and yellow on cream

loud enough for a record shop, but the text stays easy to read.

A crate instead of a cart

a small word choice that sounds like the shop, not a supermarket.

Questions

No. It's a sample build we designed and built to show custom e-commerce. The shop, artists and records are made up; the screens and interactions are real and you can try them above.

For a standard catalogue, Shopify is a good choice and we'll tell you so. We build custom when your products need their own details, filters or pages that a template can't handle well.

Yes. The admin lets you add records, set prices per format, update stock and see orders without touching code.

Yes. The same approach works for any shop whose products have options people care about, such as sizes, editions, materials or conditions.

More builds

Fieldline CRMCRM DashboardFieldline shows a manager where every rep is today, which customers they've visited and what they've sold, while the rep only needs a phone and one hand. It's a sample build we designed and built to show what a field sales CRM can look like.FrosthouseBooking AppGuests book a sauna, a cold plunge or a contrast session, see how many spots are left and get a digital ticket with their locker number. The front desk checks them in on a tablet, and the manager sees the whole day at a glance. It's a sample build we designed and built to show a complete booking system.Nhà LinhRestaurant WebsiteNhà Linh answers what a hungry person wants to know in a few seconds: is it open, what's good tonight, can I get a table, and can I order ahead. It's a sample build we designed and built to show a restaurant website that takes bookings and orders directly.

Want something like this for your business?

Book a 30-minute intro call