25 Website Coffee Shop Terbaik (Juga Toko Roti), Dinilai
Ali Tanis18 menit membaca
Website coffee shop terbaik memungkinkan pengguna ponsel melakukan tiga hal dengan cepat: melihat minuman, memesannya, dan membeli biji kopi atau pastri untuk dibawa pulang. Kami menilai 25 website coffee shop dan toko roti ternama berdasarkan ketiga kebutuhan tersebut pada 22 Oktober 2026. Hanya dua, Milk Bar dan GAIL's, yang mendapat nilai 10 dari 10. Keduanya adalah toko roti.
Galeri yang muncul di hasil pencarian website coffee shop terbaik menampilkan tangkapan layar dan kata sifat tentang desain. Artikel ini menampilkan skor. Setiap situs dimuat dalam pengujian seluler Google, halaman menu, pemesanan, dan tokonya dibuka, serta kecepatannya diambil dari data pengguna Chrome nyata. Titik terlemahnya bukan desain atau warna, melainkan foto minuman dan pastri yang benar-benar dijual. Itulah masalah yang ingin diatasi alat fotografi kafe dan foto produk toko roti kami.
Ringkasan Singkat: Di antara website coffee shop terbaik dan situs toko roti yang kami uji, Milk Bar dan GAIL's sama-sama meraih 10/10, diikuti Bluestone Lane, Tatte, dan Poilâne dengan nilai 9. Kesenjangan terbesar ada pada menu: 8 dari 12 toko roti memotret sebagian besar produknya, tetapi hanya 1 dari 13 situs kopi yang menampilkan foto minuman di menu, meskipun 12 dari 13 situs tersebut menjual biji kopi secara online.
Cara kami menilai website coffee shop terbaik
Kami menilai setiap website dengan skor maksimal 10 melalui enam pengujian atas hal-hal yang disadari pelanggan dalam hitungan detik: gambar hero, pemesanan online, foto di menu, toko online, pop-up, dan kecepatan pemuatan bagi pengguna nyata. Semua pemeriksaan dilakukan pada 22 Oktober 2026, jadi anggap hasilnya sebagai gambaran pengalaman pelanggan di masing-masing situs pada tanggal tersebut.
Tampilan awal di ponsel. Kami menguji setiap beranda melalui Google PageSpeed Insights dalam mode seluler dan memeriksa tangkapan layar terakhir yang dihasilkannya. Untuk halaman yang dimuat melalui skrip atau memblokir pengujian, kami menambahkan tangkapan layar desktop dari browser kedua.
Kecepatan. Kami menggunakan data lapangan Chrome UX Report dari pengujian yang sama: Largest Contentful Paint pada persentil ke-75 untuk pengguna Chrome nyata. Panduan LCP Google menganggap 2,5 detik atau kurang sebagai kategori "baik".
Menu, pemesanan, dan toko. Kami membuka setiap halaman menu, lokasi, pemesanan, dan toko yang ditautkan dari masing-masing beranda.
| Uji | 2 poin | 1 poin | 0 poin |
|---|---|---|---|
| Hero di layar pertama | Foto makanan, minuman, atau ruangan | Kemasan produk, promo, logo, video buram, atau foto yang tertutup sebagian | Sebagian besar tertutup, kosong, atau rusak |
| Pemesanan Online | Pesan untuk diambil atau diantar di header atau tampilan awal | Hanya di halaman lokasi, dalam aplikasi, atau terbatas | Tidak ditemukan |
| Foto menu | Foto untuk sebagian besar produk | Menu teks, PDF, atau ilustrasi, atau hanya beberapa foto | Tidak ada menu di luar alur pemesanan |
| Toko sendiri | Toko sendiri yang melayani pengiriman atau pengantaran | Hanya kartu hadiah, kelas, marketplace, atau pengambilan di lokasi | Tidak ada |
| Pop-up | N/A | Tidak ada, atau hanya banner cookie (1 poin) | Jendela promo, email, atau pemesanan |
| Kecepatan pengguna nyata | N/A | LCP 2,5 detik atau kurang (1 poin) | Lebih dari 2,5 detik |
Ada dua catatan. Pop-up dan banner cookie berubah sesuai negara pengunjung, jadi tampilan yang Anda lihat mungkin berbeda. Skor pengujian lab juga berubah-ubah antarpengujian, sehingga kami melaporkannya tetapi tidak memasukkannya dalam penilaian.
Tabel penilaian: perbandingan 25 website coffee shop dan toko roti
Dua situs meraih nilai 10 dan rata-ratanya adalah 6,9. Toko roti rata-rata mendapat 7,3 dan merek kopi 6,5, terutama karena toko roti memotret produk yang dijual dan menempatkan tombol Pesan di tempat yang terjangkau ibu jari.
| # | Website | Jenis | Hero | Pesan online | Foto menu | Toko sendiri | Pop-up | LCP pengguna nyata | Nilai |
|---|---|---|---|---|---|---|---|---|---|
| 1 | Milk Bar | Toko roti, New York | Foto produk | Header | Sebagian besar produk | Pengiriman ke seluruh negeri | Hanya cookie | 2,4 detik | 10 |
| 2 | GAIL's | Toko roti, London | Pastri dan minuman | Header | Sebagian besar produk | Melayani pengantaran | Tidak ada | 1,0 detik | 10 |
| 3 | Bluestone Lane | Jaringan coffee shop, New York | Promo, lalu latte | Header | Sebagian besar produk | Biji kopi, merchandise | Hanya cookie | 1,1 detik | 9 |
| 4 | Tatte | Toko roti, Boston | Hidangan di atas piring | Tampilan awal | Sebagian besar produk | Hanya pesanan untuk diambil | Tidak ada | 2,0 detik | 9 |
| 5 | Poilâne | Toko roti, Paris | Video buram | Header | Sebagian besar produk | Pengantaran di Prancis | Tidak ada | 1,9 detik | 9 |
| 6 | Ceremony | Roaster, Annapolis | Kopi dan kemasannya | Header | Tidak ada | Biji kopi, langganan | Tidak ada | 1,2 detik | 8 |
| 7 | Colectivo | Roaster, Milwaukee | Tampilan toko | Hanya aplikasi | Ilustrasi | Biji kopi, pakaian | Tidak ada | 1,4 detik | 8 |
| 8 | Cafe Patachou | Kafe, Indianapolis | Aneka hidangan sarapan | Tampilan awal | Goldbelly | Tidak ada | 2,4 detik | 8 | |
| 9 | Levain | Toko roti, New York | Tertutup sebagian | Header | Sebagian besar produk | Pengiriman ke seluruh negeri | 1,1 detik | 8 | |
| 10 | Dominique Ansel | Toko roti, New York | Potret koki | Bilah paling atas | Produk andalan | Pengiriman ke seluruh negeri | Hanya cookie | 4,5 detik | 8 |
| 11 | Onyx Coffee Lab | Roaster, Arkansas | Logo dan teks | Hanya gerai kopi di bandara | Biji kopi, perlengkapan | Tidak ada | 2,3 detik | 7 | |
| 12 | Porto's | Toko roti, wilayah Los Angeles | Tertutup | Header | Sebagian besar produk | Pengiriman ke seluruh negeri | Jendela pemesanan | 1,4 detik | 7 |
| 13 | Blue Bottle | Roaster, Oakland | Promo piringan hitam | Hanya aplikasi | Tidak ada | Biji kopi, langganan | Hanya cookie | 2,0 detik | 6 |
| 14 | Stumptown | Roaster, Portland | Teks promo | Halaman lokasi | Tidak ada | Biji kopi, perlengkapan | Hanya cookie | 1,8 detik | 6 |
| 15 | Intelligentsia | Roaster, Chicago | Kemasan, separuh tertutup | Halaman lokasi | Tidak ada | Biji kopi, barang | Hanya cookie | 1,9 detik | 6 |
| 16 | Panther Coffee | Roaster, Miami | Interior ruangan | Tidak ada | Tidak ada | Biji kopi | Tidak ada | 1,4 detik | 6 |
| 17 | Felix Roasting Co. | Gerai kopi, New York | Interior bar | Tidak ada | Tidak ada | Biji kopi, merchandise | Tidak ada | 2,1 detik | 6 |
| 18 | Flour | Toko roti, Boston | Video gagal diputar | Header | Teks dan PDF | Pengiriman dihentikan sementara | Hanya cookie | 2,0 detik | 6 |
| 19 | Magnolia Bakery | Toko roti, New York | Tertutup | Header | Sebagian besar produk | Pengiriman ke seluruh negeri | Jendela pemesanan | 5,4 detik | 6 |
| 20 | Lune | Toko croissant, Melbourne | Layar hitam | Header | Teks di samping foto | Merchandise | Tidak ada | 4,3 detik | 6 |
| 21 | La Colombe | Roaster, Philadelphia | Tertutup | Tidak ada | Teks | Biji kopi, minuman kaleng | Hanya cookie | 1,7 detik | 5 |
| 22 | Verve | Roaster, Santa Cruz | Tertutup | Header | Tidak ada | Biji kopi, merchandise | 1,4 detik | 5 | |
| 23 | Monmouth | Roaster, London | Perkebunan kopi | Tidak ada | Tidak ada | Biji kopi | Hanya cookie | 1,2 detik | 5 |
| 24 | Tartine | Toko roti, San Francisco | Tertutup | Header | Tidak ada | Goldbelly | Hanya cookie | 2,9 detik | 4 |
| 25 | Bread Ahead | Sekolah pembuatan roti, London | Roti utuh, separuh tertutup | Tidak ada | Tidak ada | Kelas, voucer | Hanya cookie | 1,1 detik | 4 |
Tabel penilaian website coffee shop terbaik dan situs toko roti yang kami uji. LCP pengguna nyata = Chrome UX Report, persentil ke-75, beranda. Semua pemeriksaan dilakukan pada 22 Oktober 2026.
Apa yang dilakukan secara berbeda oleh website coffee shop terbaik
Website coffee shop terbaik bekerja layaknya konter: minuman terlihat, harga terlihat, dan tombol Pesan hanya sejauh satu ketukan. Situs yang lebih lemah tampak indah, tetapi berfungsi seperti majalah merek, dengan menu yang tersembunyi di aplikasi, PDF, atau sama sekali tidak tersedia. Lima pola menjelaskan sebagian besar kesenjangan ini.
1. Toko roti memotret menu, roaster memotret kemasan
Delapan dari 12 toko roti menampilkan foto untuk sebagian besar produk yang dijual. Hanya 1 dari 13 situs kopi yang melakukannya, dan Bluestone Lane melakukannya di situs pemesanannya. Bahkan di antara website coffee shop terbaik, 8 dari 13 tidak menampilkan menu minuman sama sekali, padahal 12 dari 13 memiliki toko biji kopi yang tertata rapi dengan foto produk untuk setiap kemasan.
Inilah kesenjangan yang paling murah untuk diatasi. Orang yang memilih antara cortado dan matcha es ingin melihat minumannya, dan menu tanpa foto minuman membuat mereka mencarinya di Instagram. Panduan fotografi kopi kami membahas foto-foto yang penting, sedangkan 40 ide menu kafe membahas daftar menunya sendiri.
Cappuccino difoto dengan latar terakota dan kemasan biji kopi disisihkan, foto minuman yang dilewatkan sebagian besar situs kopi
2. Setiap roaster menjual biji kopi, tetapi sedikit yang menerima pesanan latte
Banyak website coffee shop terbaik dibangun dengan toko biji kopi sebagai pusatnya. Stumptown dan Intelligentsia sama-sama menawarkan pemesanan online, tetapi tautan "Pesan Lebih Awal" ada di halaman lokasi, bukan di header. Blue Bottle dan Colectivo mengarahkan pesanan minuman ke aplikasi. Hanya 4 dari 13 situs kopi yang menempatkan pemesanan untuk diambil di header atau tampilan awal, dibandingkan 11 dari 12 toko roti.
Proses pemesanan Intelligentsia juga meminta hari dan waktu pengambilan sebelum menampilkan satu minuman pun. Bagi pelanggan tetap, hal itu tidak masalah. Bagi orang yang sedang membandingkan dua coffee shop terdekat, hal itu menjadi penghalang.
3. Ada sesuatu yang menutupi 15 dari 25 tampilan awal
Lima belas situs memiliki elemen yang menutupi tampilan awal di ponsel: 12 banner cookie dan 4 jendela promo, email, atau pemesanan (Magnolia menampilkan keduanya). Contoh terburuk: kotak "Hemat 15% untuk pesanan pertama Anda" milik Verve menutupi seluruh hero, sementara Porto's dan Magnolia dibuka dengan pop-up pemesanan. Setidaknya pop-up itu membantu orang yang lapar, tetapi tetap menutupi makanan.
Persetujuan cookie merupakan urusan hukum di banyak negara, jadi buat tampilannya kecil dan tetap berada di tepi bawah. Pop-up diskon pada kunjungan pertama adalah pilihan, dan 11 dari 12 toko roti tidak menggunakannya.
4. Video hero gagal tanpa pemberitahuan
Beranda Lune menampilkan layar hitam di kedua browser pengujian, dan video hero Flour menampilkan pesan "Kesalahan pemutar". Pengunjung sebenarnya mungkin bisa melihat videonya, tetapi kedua halaman tidak menampilkan gambar diam selama video dimuat. Gambar poster, yaitu satu foto yang dijadikan pengisi sementara video, menghilangkan risiko tersebut.
Lembar kontak film berisi adegan croissant yang disobek di atas kotak cahaya, dengan satu bingkai dilingkari sebagai gambar poster untuk video hero
5. Pengguna nyata mendapat waktu muat lebih cepat daripada hasil lab, dengan empat pengecualian
Kecepatan adalah sisi mengejutkan dari website coffee shop terbaik. Median skor performa lab adalah 42 dari 100 dan tidak ada situs yang mencapai kategori "baik" Google, yaitu 90; Poilâne paling mendekati dengan skor 83. Namun, 21 dari 25 situs memenuhi batas LCP 2,5 detik untuk pengunjung nyata. Empat yang gagal adalah Magnolia (5,4 detik), Dominique Ansel (4,5 detik), Lune (4,3 detik), dan Tartine (2,9 detik).
Skor pergeseran tata letak bagi pengguna nyata di Magnolia adalah 1,00 dan di Lune 0,62, dibandingkan target CLS sebesar 0,1 atau kurang. Beranda Onyx mentransfer sekitar 50 MB dalam pengujian lab dan tetap lolos untuk pengguna nyata, tetapi kuota data ponsel akan terasa terkuras.
Peringkat 25 website coffee shop terbaik dan situs toko roti
Contoh website coffee shop berikut diurutkan berdasarkan skor; situs dengan nilai sama tidak diurutkan secara khusus, dan detailnya dapat berubah seiring pembaruan situs oleh masing-masing merek.
1. Milk Bar (New York): 10/10
Milk Bar dibuka dengan empat foto produk berbentuk lingkaran (Ulang Tahun, Camilan Baru, Terlaris, Kue) yang sekaligus menjadi navigasi. Pengambilan atau pengantaran pada hari yang sama ditampilkan berdampingan dengan pengiriman ke seluruh negeri, dan kue, biskuit, serta campuran bahan kue masing-masing dilengkapi foto. Perlu diperbaiki: waktu muat bagi pengguna nyata adalah 2,4 detik, hanya sedikit di bawah batas.
2. GAIL's (London): 10/10
GAIL's menjadi contoh untuk foto produk toko roti. Halaman pastrinya mencantumkan 29 produk, masing-masing dipotret di atas piring dan latar yang sama, disertai harga dan kalori (Pistachio and Chocolate Croissant, £4,40, 752 kcal). "Pesan" adalah kata pertama dalam navigasi dan waktu muat bagi pengguna nyata adalah 1,0 detik, yang tercepat di sini. Perlu diperbaiki: hero mempromosikan cerita dalam jurnal merek, bukan mendorong pesanan berikutnya.
3. Bluestone Lane (New York): 9/10
Bluestone Lane menempatkan "Pesan untuk Diambil & Diantar" di header, dan menu pemesanannya menampilkan setiap minuman dengan latar yang seragam beserta harganya ($6,75 untuk Pumpkin Chai Protein Latte). Biji kopi, kapsul, dan merchandise dijual melalui toko Shopify terpisah. Perlu diperbaiki: hero di ponsel diawali promo acara TV dan pemberitahuan cookie, bukan latte.
4. Tatte Bakery & Café (Boston): 9/10
Tatte dibuka dengan hidangan salmon di atas piring dan dua latte, di atas bilah "Pesan Sekarang" selebar layar. Menunya memiliki tab Dapur, Produk Roti, dan Minuman serta fitur pencarian, dan setiap hidangan serta minuman yang kami periksa memiliki fotonya sendiri. Perlu diperbaiki: toko hadiah lamanya yang melayani pengiriman ke seluruh negeri kini mengarahkan pengunjung ke pesanan khusus yang hanya bisa diambil di lokasi.
5. Poilâne (Paris): 9/10
Poilâne meraih skor lab 83, yang terbaik di antara semua situs. Butik online-nya mencantumkan 48 produk dengan latar bersih, dilengkapi label Pesan Online & Ambil di Toko serta pengantaran ke rumah. Perlu diperbaiki: video hero masih buram dalam pengujian ponsel, dan pengiriman internasional dihentikan sementara.
6. Ceremony Coffee Roasters (Annapolis): 8/10
Ceremony menyamai Colectivo sebagai roaster kopi specialty dengan skor tertinggi. Tampilan awalnya memperlihatkan secangkir kopi hitam di samping kemasan 12 oz, "Pesan Lebih Awal" ada di header, dan gratis ongkir berlaku mulai $40. Perlu diperbaiki: tidak ada menu minuman di situs, sehingga foto dan harga hanya tersedia di dalam alur pemesanan.
7. Colectivo Coffee (Milwaukee): 8/10
Colectivo dibuka dengan foto bagian depan gerainya dan memiliki halaman menu tersendiri dengan tab Minuman Panas, Minuman Dingin, Sarapan, Sandwich, dan Produk Roti. Menunya menggunakan ilustrasi, bukan foto. Perlu diperbaiki: pemesanan hanya melalui aplikasi, sehingga pengunjung baru di website tidak bisa membeli minuman.
8. Cafe Patachou (Indianapolis): 8/10
Cafe Patachou memiliki tampilan awal paling berguna di antara semua website cafe di sini: aneka hidangan sarapan dengan tombol besar untuk Lokasi, Menu Kami, dan Pesan Online. Perlu diperbaiki: menunya berupa enam PDF, makanan dan minuman untuk tiga wilayah pasar, sehingga tidak ada foto maupun fitur pencarian. Pengujian lab membutuhkan 40 detik untuk menampilkan hero, meskipun pengguna nyata melihatnya dalam 2,4 detik.
9. Levain Bakery (New York): 8/10
Levain melakukan hampir semuanya dengan benar: pengambilan atau pengantaran pada hari yang sama, pengiriman ke seluruh negeri, dan halaman "Biskuit Kami" dengan foto untuk setiap biskuit. Perlu diperbaiki: kotak pendaftaran email "Dapatkan Tas Tote Gratis untuk Pesanan Pertama Anda" menutupi foto biskuit saat pengunjung tiba.
10. Dominique Ansel Bakery (New York): 8/10
Dominique Ansel adalah salah satu contoh paling jelas dari merek seorang koki di dunia online. Situsnya menempatkan "Pemesanan Online" pada bilah di atas semua elemen, dan halaman Kreasinya menampilkan foto setiap produk andalan, dari Cronut hingga Frozen S'mores. Perlu diperbaiki: pengguna nyata menunggu 4,5 detik, dan tampilan awal memperlihatkan sang koki, bukan pastri.
11. Onyx Coffee Lab (Arkansas Barat Laut): 7/10
Onyx memiliki salah satu merek kopi specialty terkuat di dunia online dan toko biji kopi dengan pilihan lengkap. Menunya berupa PDF yang bisa diunduh, dan satu-satunya tautan pemesanan lewat ponsel yang kami temukan mengarah ke gerai kopi robotik di bandara regional. Perlu diperbaiki: berandanya mentransfer sekitar 50 MB dalam pengujian lab.
12. Porto's Bakery (wilayah Los Angeles): 7/10
Porto's memiliki menu yang sangat bagus: setiap produk dipotret di atas marmer, dengan label "Pengiriman ke seluruh negeri" pada produk yang bisa dikirim. Perlu diperbaiki: jendela berisi Pesan untuk Diambil, Panggang di Rumah, dan Katering menutupi tampilan awal; tiga tombol di header bisa menjalankan fungsi yang sama.
13. Blue Bottle Coffee (Oakland): 6/10
Blue Bottle mengajarkan desain yang sederhana dan tidak berlebihan, dengan ruang kosong dan toko biji kopi serta langganan yang tertata rapi. Pada hari pengujian, hero-nya mempromosikan piringan hitam. Perlu diperbaiki: kami tidak menemukan menu minuman di website; menu tersebut ada di aplikasi.
14. Stumptown Coffee Roasters (Portland): 6/10
Stumptown memiliki toko biji kopi yang bagus dengan gratis ongkir untuk pembelian di atas $45. Perlu diperbaiki: "Pesan Lebih Awal" tersedia untuk setiap lokasi, tetapi hanya di halaman lokasi, dan hero-nya berupa promosi film di balik banner cookie.
15. Intelligentsia (Chicago): 6/10
Intelligentsia memotret racikan kopi musimannya dengan baik, di samping Chemex dan secangkir penuh kopi. Perlu diperbaiki: pemesanan tersembunyi di halaman lokasi dan meminta waktu pengambilan sebelum menampilkan menu.
Rak kecil pengambilan pesanan awal berisi tiga gelas bertutup yang tampak mungil di hadapan dinding penuh kemasan biji kopi eceran di tempat penyangraian kopi
16. Panther Coffee (Miami): 6/10
Panther Coffee dibuka dengan foto ruangannya yang terang, desain bersih yang meraih skor lab 71, hanya kalah dari Poilâne. Perlu diperbaiki: tidak ada pemesanan dan menu, sehingga orang mengetahui tampilan ruangannya, tetapi tidak tahu apa yang disajikan.
17. Felix Roasting Co. (New York): 6/10
Felix Roasting Co. adalah merek yang mengutamakan desain, dengan foto interior paling mencolok dalam daftar ini: langit-langit tembaga berkubah di atas bar melengkung. Halaman Kunjungannya menjanjikan "beragam pilihan minuman specialty". Perlu diperbaiki: situsnya tidak pernah menampilkan menu tersebut, dan tidak ada cara untuk memesan.
18. Flour Bakery + Café (Boston): 6/10
Flour memiliki tombol kuning "Pesan Sekarang" di header dan menu HTML dengan harga (pai apel, $6,50). Perlu diperbaiki: video hero gagal diputar di kedua browser pengujian, dan halaman tokonya masih menyatakan bahwa pengiriman ke seluruh negeri dihentikan sementara "berlaku mulai Selasa 6/25", tanpa tahun.
19. Magnolia Bakery (New York): 6/10
Magnolia Bakery memiliki layanan pemesanan yang lengkap: pengantaran secepatnya, pengambilan lokal, pesanan di muka, dan pengiriman ke seluruh negeri, semuanya dilengkapi foto produk. Perlu diperbaiki: waktu muat pengguna nyata paling lambat di sini (5,4 detik), skor pergeseran tata letak 1,00, dan pop-up "Pesan Secepatnya" menutupi tampilan awal.
20. Lune Croissanterie (Melbourne): 6/10
Lune menyediakan menu HTML tersendiri untuk setiap lokasi, di samping foto pastri berukuran besar, serta toko merchandise. Perlu diperbaiki: beranda videonya tampil sebagai layar hitam dalam kedua pengujian, dan pengguna nyata menunggu 4,3 detik.
Kain lap dapur bergaris menutupi nampan roti gulung kayu manis dengan satu sudut terangkat, seperti pop-up yang menyembunyikan makanan di website toko roti
21. La Colombe (Philadelphia): 5/10
La Colombe memiliki toko besar untuk biji kopi, minuman kaleng, dan draft latte, dan halaman Kafenya mencantumkan minuman espresso dalam bentuk teks. Perlu diperbaiki: dialog cookie menutupi sebagian besar layar ponsel, kotak pendaftaran email untuk gratis ongkir muncul di desktop, dan kami tidak menemukan pemesanan untuk gerai kopinya.
22. Verve Coffee Roasters (Santa Cruz): 5/10
Verve adalah satu dari hanya empat situs kopi dengan "Pesan Lebih Awal" di header. Perlu diperbaiki: pop-up email "Hemat 15%" menyembunyikan seluruh tampilan awal, dan situsnya tidak memiliki menu minuman.
23. Monmouth Coffee (London): 5/10
Monmouth dibuka dengan perkebunan kopi Fazenda Santa Inês di Brasil, dengan "Beli kopi ini" di bawahnya, penegasan jujur bahwa merek ini berfokus pada asal-usul kopi. Perlu diperbaiki: tidak ada menu dan pemesanan untuk gerainya.
24. Tartine (San Francisco): 4/10
Tartine memiliki tombol "Pesan" di header dan pengiriman ke seluruh negeri melalui Goldbelly. Perlu diperbaiki: dialog cookie menutupi sebagian besar tampilan awal, situsnya tidak memiliki menu sendiri, dan pengguna nyata menunggu 2,9 detik.
25. Bread Ahead (London): 4/10
Bread Ahead sebenarnya adalah situs sekolah pembuatan roti: lokakarya mulai £115, voucer hadiah, dan banner kelas sourdough. Perlu diperbaiki: terkenal dengan donatnya, tetapi tidak ada menu, pemesanan, atau makanan yang bisa dibeli online.
Tiru langkah ini: audit 30 menit untuk desain website cafe Anda
Anda tidak perlu mendesain ulang situs untuk mengungguli sebagian besar website coffee shop terbaik dalam daftar ini. Enam pemeriksaan berikut sesuai dengan tabel penilaian, dan semuanya gratis.
- Uji beranda Anda di PageSpeed Insights dalam mode seluler. Lihat tangkapan layarnya terlebih dahulu. Jika Anda tidak bisa melihat minuman, pastri, atau ruangan Anda, ganti hero-nya.
- Baca data pengguna nyata. Jika LCP melebihi 2,5 detik, kompres gambar hero dan berikan gambar poster untuk setiap video.
- Letakkan "Pesan" di header, tempat pertama yang dilihat pelanggan. Etalase Square, Toast, dan DoorDash semuanya menyediakan tautan untuk Anda.
- Buat menu HTML dengan foto untuk setiap produk. Ikuti pendekatan menu foto GAIL's dan Bluestone Lane: satu latar, satu sudut, setiap produk.
- Jual sesuatu yang bisa dikirim. Biji kopi, langganan roaster kopi, biskuit, atau merchandise. Dua puluh dari 25 situs ini melakukannya.
- Hapus pop-up diskon. Buat banner cookie kecil dan letakkan di bagian bawah, agar hal pertama yang dilihat pengunjung adalah makanan Anda.
Sedang menganggarkan pembangunan ulang? Panduan biaya website restoran kami merinci biaya lima tingkatan selama tiga tahun. Untuk versi ulasan ini yang membahas restoran, lihat website restoran terbaik, yang dinilai melalui enam pengujian.
Jam pasir di samping daftar periksa berisi enam kotak tercentang dan espresso di konter kafe, audit singkat website cafe
Cara mengatasi kekurangan foto tanpa sesi pemotretan
Peraih skor tertinggi di antara website coffee shop terbaik dan toko roti memiliki satu kebiasaan yang sama: foto yang konsisten untuk setiap produk. GAIL's menggunakan satu piring dan satu latar untuk 29 pastri; Bluestone Lane memotret setiap minuman dengan warna latar yang sama. Konsistensi membuat menu tampak profesional dan memudahkan penambahan produk baru.
Fotografer bisa membantu Anda mencapainya dengan biaya tertentu; panduan biaya fotografi makanan kami mencantumkan tarif pasar. Pilihan lainnya adalah membuat rangkaian gambar dari foto ponsel. FoodShot mengubah foto minuman atau pastri dari ponsel menjadi gambar siap pakai untuk menu dalam sekitar 2 menit, dengan resolusi 2K dan 200+ gaya. Builder Mode memungkinkan Anda menetapkan satu permukaan latar dan gaya piring, sehingga semua produk tampak seragam seperti yang dilakukan GAIL's. Paket mulai $15 per bulan untuk 25 foto, dan setiap paket menyertakan lisensi komersial; lihat harga.
Lima pastri di atas piring berbintik yang identik dengan satu latar linen berwarna oat, gaya konsisten website toko roti terbaik
Untuk produk tertentu, mulailah dengan kopi, kue, roti, atau hidangan penutup. Berjualan di Shopify? Panduan foto produk makanan Shopify kami mencantumkan ukuran gambar yang dibutuhkan tema.
Pertanyaan yang Sering Diajukan
Apa yang membuat website coffee shop terbaik menonjol?
Website coffee shop terbaik menampilkan minuman atau ruangan pada tampilan awal di ponsel, menempatkan tombol Pesan di header, dan menyediakan menu dengan foto serta harga. Kedua situs bernilai 10/10 dalam pengujian kami, Milk Bar dan GAIL's, melakukan ketiganya dan dimuat dalam kurang dari 2,5 detik bagi pengguna nyata.
Apakah website coffee shop sebaiknya menjual biji kopi secara online?
Jika Anda menyangrai kopi, ya. Dua belas dari 13 situs kopi yang kami nilai menjual biji kopi secara online, biasanya dengan langganan dan batas pembelian gratis ongkir antara $25 dan $50. Jika Anda membeli dari mitra penyangrai, merchandise, kartu hadiah, atau kotak pastri bisa menjalankan peran yang sama.
Platform apa yang digunakan website coffee shop terbaik?
Shopify memimpin. Kami menemukan kode Shopify pada setidaknya 12 dari 25 beranda, dan Bluestone Lane serta Lune juga menjalankan toko merchandise mereka di Shopify. Toko roti dengan pemesanan lokal sering menggabungkan situs konten dengan Toast, Square, atau etalase DoorDash.
Apakah menu kafe dan toko roti memerlukan foto?
Sebaiknya, ya. Hanya 9 dari 25 situs yang menampilkan foto untuk sebagian besar produk di menu, dan kebanyakan adalah toko roti. Foto menjawab pertanyaan "apa yang akan saya dapatkan" sebelum pelanggan mencapai konter, dan hasilnya paling baik jika setiap produk menggunakan latar yang sama. Lihat halaman fotografi kafe kami untuk mengetahui foto yang diperlukan.
Seberapa cepat website coffee shop seharusnya dimuat?
Targetkan Largest Contentful Paint pengguna nyata sebesar 2,5 detik atau kurang dalam Chrome UX Report. Dua puluh satu dari 25 website coffee shop terbaik dan toko roti yang kami uji lolos, meskipun tidak ada yang meraih skor lab 90. Kompres gambar hero, berikan gambar poster untuk video, dan hapus pop-up yang menggeser tata letak.