EN BM 中文
Web & System Solutions · Butterworth, Pulau Pinang +6011-1142 1029 sales@potadot.com.my
Utama · Projek · Laman web korporat · StoryoftG

StoryoftGRuncit · Laman web butik minyak pati dan kristal

Sebuah butik di langit malam.

Laman web StoryoftG, butik minyak pati dan kristal di Singapura. Latar belakangnya hitam pekat seperti langit malam, jadi kebanyakan warna pada halaman datang daripada batu-batunya.

Pelanggan
The Green Consultancy Pte. Ltd.
Industri
Minyak pati dan kristal
Apa yang kami buat
Reka bentuk, pembangunan, butik dalam talian
Bahasa
Bahasa Inggeris + Bahasa Cina
storyoftg.com
Halaman hitamWarna datang daripada batu 201 itemTiga koleksi Inggeris + CinaAlamat sendiri untuk setiap bahasa
Ringkasnya

StoryoftG ialah jenama The Green Consultancy Pte. Ltd., yang beralamat di Liang Seah Street, Singapura. Syarikat ini menjual minyak pati dan kristal, serta menawarkan perundingan, sokongan acara dan sokongan bengkel. Potadot membina laman webnya bersama butik dalam talian dengan 201 item, dalam Bahasa Inggeris dan Bahasa Cina. Logonya sebuah planet bergelang, jadi laman ini disusun seperti langit malam: bintang di atas, gerhana di hujung, dan hitam pekat di antaranya. Yang bersinar hanyalah batu-batu dan gambarnya.

Pelanggan

Butik minyak pati, batu dan meteorit di Singapura.

StoryoftG milik The Green Consultancy Pte. Ltd. (201929260E), di 1 Liang Seah Street, Singapura. Butiknya ada tiga koleksi: Elegance dengan 30 item, Embody dengan 81 dan Element dengan 90. Pilihannya merangkumi minyak pati, meteorit, amonit dan kuarza.

Perniagaan ini lebih daripada sebuah kedai. Halaman Our Services menyenaraikan perundingan untuk rumah dan tempat kerja, karya seni Feng Shui dan panduan untuk acara serta pameran, dan sokongan untuk bengkel kristal.

Logo StoryoftG: huruf tG berwarna emas di dalam sebuah planet yang dikelilingi gelang
201
Item dalam butik
3
Koleksi
3
Perkhidmatan
30
Artikel disenaraikan
Taklimat

Seketul batu perlu memikat pembeli melalui skrin.

Orang mahu memegang barangan seperti ini dan memusingkannya di bawah cahaya. Dalam talian, laman web hanya ada gambar, dan laman yang sama perlu memuatkan kedai, perkhidmatan dan koleksi artikel.

Biar batu yang menonjol

Amonit dibeli kerana warna dan permukaannya. Reka bentuk perlu memberi ruang dan membiarkan gambar yang bercakap.

Susun 201 item dengan kemas

Senarai batu yang panjang boleh terasa seperti gudang. Tiga koleksi bernama memudahkan pelawat mengingati isi butik.

Beri ruang untuk item yang perlu ditanya dahulu

Kebanyakan item tidak menunjukkan harga, dan sesetengahnya berkait dengan bengkel atau acara. Kedai perlu memaparkan semuanya dan tetap memberi cara untuk bertanya.

Layan kedua-dua kumpulan pembaca

Perniagaan ini melayan pembaca Bahasa Inggeris dan Bahasa Cina, dan sesetengah batu lebih dikenali dengan nama Cina. Kedua-dua kumpulan perlu berasa selesa.

Konsep

Hitam ialah langit. Batu ialah cahayanya.

StoryoftG memang rapat dengan dunia planet: logonya sebuah planet, halaman About dibuka dengan ayat Unlocking the Secrets of the Universe, dan stoknya termasuk meteorit. Jadi halaman utama disusun seperti langit malam. Bintang membukanya, gerhana menutupnya, dan semua yang di antaranya terletak di atas hitam. Hitam juga berfungsi seperti dulang baldu tukang permata, kerana merah dan hijau pada amonit nampak lebih terang di atasnya.

Laluan di sepanjang halaman

  1. 1 Langit

    Bintang dan arca bergelang emas.

  2. 2 Pameran

    Langit bertukar kepada harimau batu.

  3. 3 Koleksi

    Tiga gambar membuka tiga koleksi.

  4. 4 Bilik

    Arca itu lagi, di atas kabinet sebenar.

  5. 5 Jurnal

    Empat artikel dalam bingkai emas.

  6. 6 Gerhana

    Satu bulatan, satu pautan ke butik.

Dari mana datangnya rupa ini

Logo

Gelang mengelilingi planet. Gelang kembali pada arca di skrin pertama dan bulatan kembali pada gerhana di hujung, jadi halaman bermula dan berakhir dengan bentuk daripada logo.

Stok

Meteorit, amonit, kuarza hitam. Banyak item ini gelap dengan kilauan warna, sebab itu halaman gelap lebih sesuai daripada halaman putih.

Gambar

Kebanyakan item digambarkan di sudut kayu gelap. Warna coklat yang hangat itu membuat hitam tidak terasa dingin, dan tulisan emas serta merah jambu pudar sepadan dengannya.

Reka bentuk

Hitam, emas dan sedikit merah jambu pudar.

Emas dan merah jambu pudar digunakan untuk tajuk dan teks bacaan, hitam mengisi selebihnya, jadi reka bentuk tidak bersaing dengan barangan yang dijual.

Warna

  • Hitam angkasa#000000Asas seluruh halaman
  • Hitam menu#0F0F0FMenu sisi dan panel troli
  • Emas#BC9762Logo, butang dan tajuk bahagian
  • Merah jambu pudar#DABCA5Tajuk besar dan teks bacaan
  • Hijau WhatsApp#25D366Butang sembang

Emas logo digunakan pada butang View dan View All, jadi langkah seterusnya sentiasa kelihatan sama. Hijau ialah satu-satunya warna terang yang ditambah oleh reka bentuk, jadi butang sembang mudah dicari pada mana-mana skrin.

Tipografi

Step Into a World of Vibrant Energy

Fira Sans · Tajuk besar dan nama produk

StoryoftG blends grace and inspiration into carefully curated essential oils and crystals, designed to enrich the spirit of your everyday moments.

Nunito · Teks bacaan

Gerhana

Bahagian penutup laman web: bulatan hitam bertepi cahaya di tengah bintang, mengandungi perkataan Energize Your World, dengan ukiran kuda batu di sebelahnya

Tepat di atas kaki halaman, halaman ditutup dengan bulatan hitam yang bercahaya di tepinya. Inilah planet pada logo dengan cahaya di belakangnya, dan tajuk penutup terletak di dalamnya.

Butiran

Tiga kad produk daripada laman sebenar: Green Rutilated, Ammonite dan Quartz Cluster, masing-masing digambarkan di sudut kayu gelap dengan butang View berwarna emas

Kebanyakan gambar kad berkongsi sudut kayu yang sama, jadi sebaris batu yang berlainan kelihatan seperti satu almari pameran. Di bawah setiap gambar ada nama, nama Cina dalam kurungan jika ada, koleksi dan tag seperti Event Only.

Rentak

  1. Langit
  2. Pameran
  3. Video
  4. Elegance
  5. Kad
  6. Embody
  7. Kad
  8. Element
  9. Kad
  10. Bilik
  11. Awaken
  12. Jurnal
  13. Gerhana
  14. Kaki

Setiap koleksi mengulang corak yang sama: gambar besar, kemudian sebaris kad di atas hitam. Pelawat hanya perlu belajar sekali. Bar di atas ialah halaman sebenar mengikut skala, dengan bab bergambar ditunjukkan dalam warna purata gambarnya.

Panduan

Menuruni halaman, dari langit ke gerhana.

Tatal halaman utama seperti pelawat. Setiap serlahan menandakan satu keputusan reka bentuk, dan nota memberi sebabnya.

01/07

Skrin pertama ialah langit

Arca bergelang emas berdiri di tengah bintang. Tajuk pendek berwarna merah jambu pudar terletak bertentangan, di atas garis emas yang nipis.

Mengapa Belum ada harga dan grid produk. Pelawat merasai suasana galeri dahulu sebelum kedai bermula.

02/07

Dari langit ke harimau batu

Skrin seterusnya beralih kepada ukiran harimau batu dengan latar kayu gelap. Pengenalan terletak pada panel gelap lut sinar di atas gambar.

Mengapa Panel itu memastikan perenggan mudah dibaca sambil gambar kekal kelihatan, jadi pelawat tahu tentang perniagaan ini tanpa meninggalkan suasana.

03/07

Setiap koleksi ada dindingnya sendiri

Elegance, Embody dan Element masing-masing dibuka dengan gambar selebar skrin. Di sini, amonit koleksi Element memenuhi bahagian kanan skrin.

Mengapa Elegance dibuka dengan botol minyak di atas batu, Embody dengan gelang manik ungu dan Element dengan amonit, jadi setiap koleksi menunjukkan isinya sebelum nama produk dibaca.

04/07

Kad yang muat dua nama

Setiap kad menunjukkan gambar, nama, nama Cina dalam kurungan jika ada, koleksi dan tag seperti Event Only. Anak panah menggerakkan barisan, dan View All membuka seluruh koleksi.

Mengapa Pembeli mungkin mengenali batu melalui salah satu nama. Tag memberitahu lebih awal bahawa sesuatu item berkait dengan acara, sebelum View ditekan.

05/07

Arca turun ke bumi

Arca bergelang muncul semula, kali ini di atas kabinet dalam bilik sebenar. Video amolit tanpa bunyi dimainkan secara automatik, diletakkan di atas tepi gambar.

Mengapa Selepas bintang di skrin pertama, bahagian ini menunjukkan arca itu objek sebenar di tempat sebenar.

06/07

Jurnal dalam bingkai emas nipis

New Discoveries memaparkan empat artikel, masing-masing dengan tarikh, tajuk dan butang View. Halaman Articles menyenaraikan 30.

Mengapa Artikel tentang batu seperti meteorit dan turmalin memberi bahan bacaan kepada pelawat sebelum bertanya tentang sesuatu item. Bingkai nipis memastikan kad terasa ringan selepas banyak gambar.

07/07

Halaman berakhir dengan gerhana

Bulatan hitam bertepi cahaya memuatkan satu tajuk dan satu pautan, View Art Pieces, yang membuka butik.

Mengapa Selepas halaman yang panjang, pelawat diberi satu langkah seterusnya yang jelas, dan langit yang membuka halaman juga menutupnya.

storyoftg.com
Skrin pertama ialah langitSatu objek, satu tajuk
Dari langit ke harimau batuTeks di atas gambar
Setiap koleksi ada dindingnya sendiriGambar membuka bab
Kad yang muat dua namaNama, koleksi, tag
Arca turun ke bumiBilik sebenar, batu sebenar
Jurnal dalam bingkai emas nipisEmpat artikel di halaman utama
Halaman berakhir dengan gerhanaSatu pautan ke butik
Di telefon

Langit yang sama pada skrin yang lebih kecil.

Halaman disusun semula untuk telefon, dan kedai kekal dalam jangkauan ibu jari.

  • Tajuk besar berpindah ke atas arca, di tengah skrin
  • Karusel memaparkan satu kad besar pada satu masa, dengan butang View selebar kad
  • Bar di bawah memuatkan Shop, My account dan Cart
Skrin pertama pada telefon, dengan tajuk besar di atas arca emas
Kad kuarza hitam pada telefon, dengan butang View selebar kad
Gerhana pada telefon, dengan logo kaki halaman di bawahnya
Di sebalik tabir

Apa yang ada di sebalik langit malam.

Rupa ialah bahagian yang orang nampak. Bahagian ini pula yang membolehkan perniagaan menjual, menjawab soalan dan sampai kepada dua kumpulan pembaca.

01

Butik dalam talian

Kedai dengan 201 item dalam tiga koleksi, lengkap dengan pilihan susunan, troli dan akaun pelanggan.

02

WhatsApp untuk pertanyaan

Kebanyakan item tidak menunjukkan harga atau butang troli. Halamannya meminta orang menghubungi melalui WhatsApp dan ada butang untuknya. Butang sembang terapung juga kekal pada setiap halaman.

03

Inggeris dan Cina

Halaman utama wujud dalam kedua-dua bahasa, masing-masing dengan alamat sendiri. Dua butang bulat, ZH dan EN, kekal pada skrin.

04

Kad hadiah

Pembeli menetapkan jumlah dan menulis mesej, dan kad dihantar kepada penerima melalui e-mel.

05

Artikel

Tiga puluh artikel ada halaman sendiri, dan empat dipaparkan di halaman utama.

06

Disediakan untuk carian

Setiap bahasa ditanda untuk Google, dan halaman memuatkan data breadcrumb dan data halaman dalam format yang dibaca enjin carian.

Cara kami membinanya

Proses yang sama, setiap projek.

Setiap projek Potadot bermula dengan memahami situasi pelanggan sebelum apa-apa direka. Lihat kesemua tujuh langkah

  1. 1

    Fahami perniagaan

    Sebuah kedai, perundingan dan sokongan bengkel di bawah satu nama, dengan stok yang perlu dilihat untuk diingini.

  2. 2

    Penghasilan kandungan

    Nama koleksi, ayat ringkas dan gambar produk disusun dalam Bahasa Inggeris, dengan versi Bahasa Cina untuk halaman utama.

  3. 3

    Reka bentuk + pembangunan

    Hitam, emas dan gelang menetapkan rupa, diikuti corak koleksi, kedai dan susun atur telefon.

  4. 4

    SEO + pelancaran

    Alamat Bahasa Inggeris dan Bahasa Cina serta data breadcrumb disediakan, kemudian pelancaran.

Soalan

Tentang projek ini.

Menjual sesuatu yang orang mahu lihat dari dekat? Ceritakan kepada Ricky melalui WhatsApp di +6011-1142 1029.

Apakah yang Potadot lakukan untuk StoryoftG?

Kami mereka bentuk dan membina laman webnya: halaman utama, butik dalam talian dengan troli dan akaun, kad hadiah, artikel, serta versi Bahasa Inggeris dan Bahasa Cina.

Mengapa seluruh laman ini hitam?

Banyak item ialah batu gelap dengan kilauan warna, dan hitam menjadikan warna itu lebih kuat. Ia juga sesuai dengan jenama yang logonya sebuah planet. Laman hitam sesuai untuk stok ini, tetapi tidak semestinya untuk setiap perniagaan.

Bolehkah sesetengah produk dipaparkan untuk pertanyaan sahaja?

Boleh. Di laman ini, kebanyakan item tidak menunjukkan harga atau butang troli, dan halamannya ada butang WhatsApp supaya orang boleh bertanya terus. Item yang berharga boleh terus dimasukkan ke dalam troli.

Bolehkah anda membina laman seperti ini untuk butik saya?

Boleh. Kami bermula daripada apa yang anda jual dan cara orang memilihnya, jadi laman anda akan ada rupanya sendiri. Ceritakan tentang produk anda dan kami akan tunjukkan pendekatan kami.

Jom berbincang

Mahu membuka butik dalam talian?

+6011-1142 1029 sales@potadot.com.my potadot.com.my