15 prompts from a blank site to an open online store

I've looked at the site. It's a fresh install that hasn't been set up yet. I suggest four phases: basic settings, brand design, the store, then pages and finishing touches. Tea brands easily end up in the cliché of dark green, gold and traditional serif type, and I'll steer clear of that. Before I start, please fill in some details. I won't make up contact details or prices; only what you provide goes on the site.

The home page and the site-wide header and footer are done. The design concept is "Morning Mist Notes": the whole home page reads like a page of notes jotted down on a mountain at dawn, as the mist pulls back from the ridgelines layer by layer and finally settles on the cup of tea in your hands. The hero and footer have three layers of slowly drifting mist over the ridgelines. Each section opens with a time, like a timestamp in a notebook: 05:30 Mist rising, 06:10 Tea menu, 06:40 Tea makers, 07:00 Kettle on, 10:00 Store opens (your actual opening time). The palette is mist white, mist gray and ink, with a touch of dawn orange as the accent. I deliberately avoided the dark green with gold, the red-and-gold gift boxes and the traditional serif type common to tea shops.

All four pages are built and live, and the navigation menu now links to them. They carry on the home page's "Morning Mist Notes": every page opens with misty ridgelines, and the time labels on the sections keep moving forward: Before dawn (About) → 06:10 Tea menu (Our Teas) → 07:00 Kettle on (Brewing Guide) → 10:00 Store opens (Contact). Please check: the brewing parameters are general recommendations, and I wrote the tea-making steps and the "What we don't do" section based on your brand story. Let me know anywhere they differ from how you actually work.

Alignment is fixed on all five pages, and the home page heading now reads "A breath of mountain mist, a cup of good tea." The cause: the hero text sits only in the left half-column, and its left margin was calculated from that half-column's width, so it shrank to the 24px minimum and looked like it was touching the edge of the screen. Left and right margins are now calculated from the full screen width across the site, so all five pages line up with "Qingyu Tea" at once. The browser tab and footer still show the original tagline. You only asked to change the home page heading, so I left those two alone. Want me to switch them to the new line too?

The store is set up, all three teas are listed, and the order buttons on the home page and the Our Teas page now say "Add to cart." Visitors can't actually place orders yet, though: the store is still in WooCommerce's default "coming soon" mode. Once payment and shipping are set, I can open the store for you. After launch, I'll also restyle the product, cart and checkout pages in the same "Morning Mist Notes" style.

The store is open. Payment and shipping are set, and the store pages now share the same style as the rest of the site. While testing, I found a problem: with NT$1,760 in the cart, the system still preselected "Home delivery NT$100," so customers who didn't notice would pay for shipping. I added a small code snippet, and now only "Free home delivery" shows once an order qualifies. I didn't actually go through checkout. Please place one test order with bank transfer and one with cash on delivery yourself to make sure the pages, bank details and notification emails are all correct.

All four issues are fixed, and I took new screenshots of both of your test orders to confirm. "Category code" was a WooCommerce translation problem: the overseas banking term "sort code" had been translated literally as 分類代碼 (category code), but in Taiwan it's simply the branch. The address now reads "106 台北市大安區復興南路一段 100 號" (postal code first, the Taiwanese order), and older orders use the new format automatically. Two more small things: there's a space in the middle of names, and the checkout form fields are in the opposite order from what people in Taiwan are used to. Let me know if you want those changed.

Both done. At the far right of the header is a small shopping bag drawn in thin lines, and a dawn-orange dot at its top-right shows the total number of items in the cart. When the cart is empty, no number shows. The site uses page caching, so I added a small script that updates the count from each customer's own cart after the page loads. The "Shop Teas" button in the header currently links to the Our Teas page. Its name is very close to "Shop Online," so customers might get confused. Your call on how to handle it.

I checked the whole site and fixed 6 issues along the way, including: unpublishing the sample page that comes with WordPress, adding a Chinese privacy policy, changing the English privacy notice on the checkout page to Chinese, and restyling the "My Account" login page to match. The privacy policy uses wording common on typical websites. It isn't legal advice, so please read it over. Before going public, I suggest handling two things: there's no return and exchange policy yet (Taiwan's Consumer Protection Act requires online sellers to tell customers how to return items), and you should decide whether order notification emails should go to your brand inbox.

Penghu, Kinmen and Matsu can all place orders now. Island shipping is NT$250, free over NT$3,000; Taiwan's main island stays at NT$100, free over NT$1,500. I calculated shipping with real products for Penghu and for Taipei, and island addresses are recognized correctly whether customers enter a 3-, 5- or 6-digit postal code. I only simulated the shipping calculation and didn't actually submit an order. Try a test order with an island postal code such as 88041.