EAST MEETS WEB中西合璧網工房

The Sites We've Built, and What They Did for Our Clients

Real sites, real results, told plainly.

Each case study follows the same format: what the client needed, what we did, what happened, and what it could mean for a business like yours. Where we have real numbers, we share them.

Sites We Built That Are Still Running

You're welcome to open any of them on your phone — the site itself is the best evidence. Screenshots show each site as we handed it over; every owner has run and updated their own site since, which is exactly what we hope for.

What Clients Say

Written by the owners themselves, 2014–2026. Reproduced word for word.

Two of these six owners also appear in the case studies below.

Worked with us? Leave a Google review → No Google account? Email us your review and we'll post it here.

Five Case Studies

Two long-running client stores, then three earlier projects — each with what we built, what happened, and what we learned.

Online store · shop till · bookkeeping, connected

On Track & Field — From Phone Orders to One Connected Store

Simi Valley · 2020–2023, back in 2025 · handed over 2025 · BigCommerce · Role: designer, developer, systems integrator

ontrackandfield.com home page, 2026
The store in 2026 — still on the build we handed over, run by the owner since
The Request a Quote window on ontrackandfield.com with a product added
The quote system we built into the store: schools add products, submit a quote with a purchase-order number, and buy on net-30 terms
USA Sales Rep Finder map on ontrackandfield.com
The sales-rep finder: a map and state list so a coach anywhere in the U.S. knows who to call
Equipment rentals page on ontrackandfield.com
The equipment-rentals page — a side business for film and TV prop rentals, including “Jimmy Kimmel Live”
Cover of the 2022 On Track & Field printed catalog
The 2022 printed catalog we redesigned — every product number and description checked
Opening spread of the 2022 catalog: 44 years of service, reviews and contents
The opening spread — the same catalog also ran on a touchscreen kiosk in the shop
Collage of past On Track & Field catalog covers celebrating 43 years
Forty-three years of catalogs — the brand history we had to carry over, not replace

The Starting Point

On Track & Field has supplied schools, clubs and athletes with track and field equipment for over forty years, and its customers are loyal. When the business changed hands and moved from Burbank to Simi Valley, the owner had a clear goal: keep everything customers loved — the catalog, the expert sales reps, the personal service — and give them a modern way to order online. The website was still a catalog to browse before phoning a rep; every order, stock count and ledger entry was a separate job. With half the warehouse becoming a running-shoe storefront, the timing was right to connect it all.

What We Did

We started with search. A mid-2020 SEO program lifted the site before the rebuild: by July 2020 the store ranked 9th on Google for “on track” (up from 35th), with more than 80 keywords in the top 20. From December 2020 we rebuilt ontrackandfield.com as a full online store, carrying over the catalog ourselves — hundreds of products, every number and description checked — so nothing customers relied on was lost. We chose a cloud point-of-sale system priced for a small retailer, set it up as the cash register for the shoe storefront, and connected it to the store so the shop floor and the website sell from one inventory. Products got barcode labels for quick scanning, and the till and the store were linked to QuickBooks so sales flow into the books on their own. Because schools buy with purchase orders, we built a quote system into the store — add products, submit a quote, pay on net-30 terms — plus a sales-rep finder by state and a rentals page for the prop-rental side business. Around the store we produced everything a supplier sends out: the 2022 printed catalog, designed to be reused for the following years, an interactive catalog on a touchscreen kiosk in the shop, flyers and email promotions, and an email-marketing system fed from the same customer data.

What Happened

Customers now order online any hour of the day, and walk-in and online sales draw down the same stock. Bookkeeping became a quick check-and-finalize step for one staff member — roughly ten hours a week freed up, by our count. Roughly ten thousand customer records from the accounting system and the mailing lists came together in one place, ready for email campaigns.

Proof you can check: as of September 2026, a Google search for “track and field equipment store” lists ontrackandfield.com on page one alongside DICK'S Sporting Goods, BSN Sports, Gopher Sport and UCS Spirit — the only single-location shop in that list. The store itself is live at the link above.

What It Means for You

If your customers already love you and mostly order by phone, an online store lets them buy from you at midnight too — and connecting the store, the till and the books gives you back the hours you spend typing the same order twice. It is not a big-company project; for a small supplier it was one connection at a time. Our Online Store and Connect What You Already Use add-ons cover exactly this.

This case study on its own page →

Rebuild · online store · design-it-yourself product

RelayBatons.com — Custom Engraved Relay Batons

Simi Valley · 2017–2023, back in 2025 · handed over 2025 · WordPress · Role: designer, developer, webmaster

The RelayBatons.com baton customizer: a gold baton with the name Roger Clement and number 01, color swatches on the left, Teams tab selected
The customizer in action: pick a color, add a name and number, see the exact layout — then buy
The rebuilt RelayBatons.com home page in 2017: “Your Design” hero, custom batons, tech specs
The 2017 rebuild, before launch: the customizer is the first thing on the page
The RelayBatons.com home page on a phone, shown in three strips: hero, product photo and tech specs, features
The home page on a phone, in three strips — built mobile-first for coaches ordering from the track
Google PageSpeed result for the old relaybatons.com: 22 out of 100, June 2017
Our starting point, June 2017: a 22/100 speed score gave us a clear target for the new build
Waterfall chart from March 2018 showing a 17.6-second wait on the first request
March 2018: we traced a 17-second server delay and moved the site to faster hosting — 10/10 on the next audit

The Starting Point

RelayBatons.com has been engraving aluminum batons for schools, clubs and track teams since 2013, and every baton is personal: the team's colors, a name, a number, a school logo. In 2017 the owner wanted customers to enjoy that personal touch on the website itself. Until then a custom order was a conversation — the customer described the design, the shop drew a PDF mockup, and the two went back and forth, about three rounds on a typical order, until it looked exactly right. The craft was there; the goal was to let customers see it for themselves before they bought.

What We Did

We built a brand-new site with an online store, bulk pricing and fast hosting, and at launch gave it a text-based option picker. Customers liked it, and it showed us what they really wanted: to see the colors, the matte or glossy finish and the exact placement of their text. So shortly after launch we built a live 2D/3D baton customizer on top of the store. The customer now designs on screen — color per section, glossy or matte, text lines with a choice of fonts, a clip-art library, their own logo, and for teams a whole set of batons each engraved with a different name and number. The preview is drawn to the baton's exact measurements, so what they see is the production layout; when they are happy, it goes straight into the cart and they pay. Getting that right was configuration work as much as design work: real dimensions, color and finish options, engraving areas and pricing rules all went into the tool before the preview matched the physical product. We then looked after the site — updates, uptime, speed, search and track-season changes — from 2017 to 2023. In 2018 we found a server bottleneck slowing every page, moved the site to faster hosting, and an independent audit a month later scored server behavior 10/10. In 2025 we came back to refresh features and update the parts that had aged.

What Happened

By our count as webmaster: most custom orders now go from design to payment with no proof rounds at all, because the customer approves their own design on screen. Support and mockup emails dropped noticeably, orders reached the shop as ready-to-engrave layouts, and search traffic grew year on year while the site was in our care. The owner, in his published review of the work: “I gave him very rough ideas and hopes for my ecommerce websites. Roger presented me with 3 or 4 layouts, all looked great… Roger clearly understood what I was looking for and presented me with revisions that, each time, got us closer and closer to what we ended up going with.”

Proof you can check: as of September 2026, a Google search for “custom relay batons” returns relaybatons.com in four of the top ten results — the home page, a product page, the category page and the customizer itself — ahead of Amazon. The customizer is still live at relaybatons.com/baton-customizer.

What It Means for You

If your product is made to order, letting customers design it on screen turns the approval round into part of the fun — and sends you a ready-to-make layout with every order. A design-it-yourself tool is not only for big brands: it worked for a small engraving shop, and the same idea fits signage, printing, cakes, trophies, custom furniture or anything personalized. Start with our Online Store add-on and tell us at Discovery what your customers get to choose.

This case study on its own page →

Rebuild · legacy media brand

Nelson Davis Productions — “Making It!”

Hollywood, Los Angeles · 2011–2013 · WordPress · Role: part-time website & marketing assistant, then ongoing site maintenance

MakingItTV.com home page after the rebuild
The rebuilt site: episodes, blog, events and a bulletin board on one home page

The Starting Point

“Making It! Minority Success Stories” is a public-affairs TV series about small business that ran twenty-five years and won several Emmy Awards — with a loyal audience to match. The production company wanted its website to do more for that audience: give viewers something new to see between episodes, something to share, and a natural path from watching the show to following it online and learning about the company’s business services.

What We Did

Rebuilt the site on WordPress so the owner's team could update it themselves, refreshed the logo, and set a simple content rhythm: most episodes digitized and published, fresh small-business articles posted regularly, entrepreneur interviews hosted live, and a short podcast trial to test the audience. Working part-time in the company's Hollywood office, we sat down with the president week by week; he stayed focused on his corporate clients while the site did the outreach. After the office role ended we kept maintaining and updating the company's two sites.

What Happened

Viewership and followers rose sharply in the site's traffic reports, and the company's online presence grew with it. As audiences shifted to social media, the site's next version moved to a personal brand: Nelson Davis as the small-business expert, offering consultation and corporate video.

What It Means for You

A rebuild is still the same job today: carry over what already works, make the site something you can update yourself, and give customers a reason to come back. That is exactly what our Rebuild covers.

New brand · online store · paid ads

Bulldog Brewery LA — CoffeeDog®

Simi Valley · 2014–2016 · Shopify · Role: partner, website & marketing

CoffeeDog Shopify store home page
The Shopify storefront, with the kit and the tutorial video up front
CoffeeDog kit on a table display inside Rain department store
In-store display at Rains — the shelf-space problem, seen in person
Three bottles of CoffeeDog Coffee & Vanilla Extract
The follow-on product: the lighter Coffee & Vanilla Extract Kit
French bulldog on a rug surrounded by CoffeeDog bottles and boxes
Behind the scenes of the recipe video tutorials
Rick Ayres, Marlene and the bulldog Gertrude on set
Rick Ayres and Marlene on set with Gertrude
“S'more and Beyond” — one of the recipe videos
The 90-second product pitch
The full kit tutorial we scripted, shot and edited
The most-watched recipe video: Pumpkin Pizza, 6,700+ views
Getting the kit into Rains department store

Videos load from YouTube only when you press play. Ten more recipe videos on the Bulldog Brewery channel →

The Starting Point

A homebrewing kit for coffee liqueur — a brand-new product category, launched by two co-founders on a lean budget. It called for a brand people understood at a glance, packaging that explained itself, and a smart way to reach a small, scattered audience without a big ad spend.

What We Did

Built the brand from scratch — bold, bright, a little playful — and carried it across the packaging, the Shopify store, printed collateral and a series of recipe video tutorials. Ran online contests and sponsored events (including a Churchill Downs race day) to attach good feelings to the name, then drove sales with targeted Google Ads, Facebook ads, local print and a discount program.

What Happened

Strong social interest, healthy first sales, and a display spot in the Rains department store. The launch also taught us something valuable: the full kit was heavy to ship and took real shelf space, so the numbers pointed to a lighter format. That insight became the follow-on product, the Vanilla & Coffee Extract Kit — smaller, cheaper to ship and easier to stock.

What It Means for You

A launch teaches you things no plan can. The website and the ads did their job — they found the audience and made the sales — and the sales data then showed the owners exactly what to build next. We bring the same candor to every project: if we see something in your numbers, we tell you early. It is written into our promises.

Content site · search traffic

A. I. Hub — aihub.net

Own project · 2013–2016 · WordPress · Role: everything

A. I. Hub home page, 2013
The two-column layout with the feature slider and sidebar ad slots

The Starting Point

Years before AI was a household topic, good material about it was scattered across papers and forums, and plain-language explanations were rare. The goal: a site that regular people could read, that Google would find, built and promoted by one person in spare time.

What We Did

Designed the logo, customized a WordPress theme, and after several rounds settled on a simple responsive two-column layout with a large feature slider, a green accent scheme and basic search optimization. The real work was curation: research papers and lecture videos with substance and a point of view, promoted to the right communities.

What Happened

Traffic grew alongside public interest in AI; a single post could reach around 30,000 views in a month. One young researcher's bold new theory found a wide audience because it appeared on A. I. Hub. The site ran from 2013 to 2016, and archived copies are still on the Wayback Machine.

What It Means for You

Search traffic comes from pages Google can read and content people want to share. For a local business that means a correct English and Chinese page structure, a complete Google Business Profile and a menu or service list Google can index. Those are the fundamentals every build includes.

Want Yours to Be the Next One Here?

Twenty minutes, no obligation, in English or Cantonese — or in writing over WeChat if you prefer Mandarin.

Happy With Our Work? A follow, a like or a Google review helps other owners find us — thank you.