Skip to content
Start a project

Live · Launched Oct 2026 · Checked Nov 2026

Young Signs website renewal

The website of Young Signs, a sign maker and installer in Burnaby, Canada. On a phone, every screen leads straight to a call or a quote request, in English, Korean or Japanese.

Client site · built and run by MOVA

Summary

What
A website in three languages, with quote intake, for a sign company in British Columbia, Canada
We did
Scoping, design, web and data design, build, English, Korean and Japanese copy, SEO, migration with permanent redirects for old URLs, hosting and network setup, and operations since launch. Carried over 519 past projects, with their photos, from the old site
Result
Live since Oct 2026. Every project has its own page: 522 each in English and Korean, listed in the sitemap (as of 2026-11-01). On phones, a call and quote bar sits on every screen
Top of the Young Signs home page on a desktop: logo, menu, language switch, quote button and a headline naming the area
Young Signs home page on a phone with the menu open, showing the English, Korean and Japanese switch and the quote button
Live site · captured 2026-10-31 and 2026-11-01 · cropped, otherwise unedited

Project facts

Client
Young Signs · Signage · Burnaby, BC, Canada
Market
Storefronts in BC, centred on Burnaby and Metro Vancouver (18 city pages)
Our role
Scoping · Design · Web and data design · Build · Copy in each language · Content migration · SEO · Hosting and network setup · Operations and maintenanceNot in our scope: Photography, Business listings and reviews
Team
1 contract designer + the founder (all engineering and client communication)The team on this project
Timeline
Oct 2026
Platforms
Web (phone and desktop) · English · Korean · Japanese
Contract
Direct contract
After launch
Live · run and maintained by MOVA
Technologies
Astro · Preact · Tailwind CSS · Cloud hosting · Bot protection · Access control
Links
Visit the site (opens in a new tab)youngsignsbc.comchecked 2026-11-09
sitemap.xml⁠ (opens in a new tab)youngsignsbc.comchecked 2026-10-31
Archived old site (opens in a new tab)web.archive.orgchecked 2026-10-31

Results

  • Measured by MOVA

    1.06–1.12

    Seconds to first paint on a phone (FCP)

    Largest photo shown (LCP) in 3.00–3.23 seconds · slow mobile connection with CPU slowdown, English, Korean and Japanese home pages. Home page weight 517 KB. The first home photo is always the newest project, so these are point-in-time values.

    Source: measured by MOVA · 2026-11-01 02:51 UTC2

  • Measured by MOVA

    522

    Project pages

    The old site had no page per project. 519 past projects were carried over and newer ones added, all listed in the sitemap.

    Verify⁠ (opens in a new tab)3

  • Delivered

    3

    languages (English, Korean, Japanese), plus a quote form

    Before: English only, quotes by phone or email only, no tap-to-call link (archived 2025-07)

    Verify⁠ (opens in a new tab)

The client hasn't shared business figures.

Why it was needed

The old site was in English only, with three screens: home, portfolio and contact. Young Signs describes itself as "the first Korean signs company in western Canada", yet there was no page in Korean.1

Quote requests came in through the phone number and email on the contact page, and on a phone the number couldn't be tapped to call. Projects sat together on a single portfolio screen.1

Before

The old site's home page on a phone (archived 2025-07-14)

After

The current site's home page on a phone

Before

The old site's home page on a desktop (archived 2025-07-14)

After

The current site's home page on a desktop
ItemBeforeAfter
LanguagesEnglishEnglish, Korean, Japanese
ScreensHome, portfolio, contactA page for every project and city; 1,101 URLs in the sitemap
Quote pathPhone number and email on the contact pageQuote form with photo upload; a call and quote bar fixed to the bottom on phones
Calling from a phoneNumber shown as textTap-to-call link

Before: archived 2025-07-14 · After: captured 2026-11-01

Archived copy (opens in a new tab)web.archive.org

What we built

Re-set for each language

We wrote the Korean and Japanese copy as well. The English, Korean and Japanese pages share one structure and link to one another. Headings change typeface by language: a narrow, sign-like display face for English and the device's own sans for Korean and Japanese, with line breaks following each language's rules. Even the words on the bottom bar change with the language.

The Korean page with its menu open: Korean menu items, the language switch, the quote button and the call and quote bar below

A page for every city and every job

Each of 18 cities, from Burnaby and Vancouver out to Squamish and Nanaimo, has its own page covering that city's sign-permit process, with sources (city pages, checked Oct 2026). We crawled the photos of the old site's 519 projects into the new site and gave each project its own page with a title, description, image alt text and structured data, listed in the sitemap.3 Old page addresses redirect permanently to the new pages.7

Burnaby city page text: its town centres, the sign-permit process and how close it is to the workshop

A call or a quote from any screen

On phones, a call and quote bar stays at the bottom of every screen. The quote form asks for the essentials first (name, a phone number or an email, and a message) and takes photos of the storefront too. Timing, contact preference and how they found Young Signs sit in a separate optional group. Bot protection filters out automated submissions. The only interactive components on the site are this form and the project photo viewer.

Top of the quote form: name (required), a note that a phone number or an email is enough, then business name, city and service

Projects keep coming after launch

In the admin we built, each new project's photos are prepared automatically in sizes for phones and desktops and go straight onto the site. Projects have kept arriving since launch (new ones added on 2026-10-22 and 2026-10-24).5 The admin is protected by access control, so it isn't shown here.

The project list on a desktop: each project with a photo, sign type, city and month

How it's used

  1. Visitor phone or desktop
  2. EN, KO and JA pages — The same page structure in each language
  3. Project pages
  4. City pages
  5. Call and quote bar — In the same place on every screen
  6. Tap to call
  7. Quote form — Essentials first, optional details set apart
  8. Young Signs responds
  9. New project added
  10. Photos sized automatically — Sized for phone and desktop screens

Decisions

  1. Photos are prepared once, when a project is added

    Why
    Photos are made in the sizes each screen needs when a project is added, so nothing is converted each time a page opens. Each photo's space is reserved in advance, so the page doesn't shift while it loads (CLS 0.000–0.001).
    Trade-off
    Newly added photos don't yet come out in the lighter format. That is the first item under Next up.

  2. Interactive parts only where they are needed

    Why
    Pages are drawn with HTML and CSS. The only interactive components are the quote form and the project photo viewer; beyond them, every page carries a small shared script and the how-it-works page adds one for its illustrated scene. The median of the site's own script across the measured pages is 1 KB, and with JavaScript off the English and Japanese home pages still show their headings and text.
    Trade-off
    There is little motion such as screen transitions, and the quote page also loads a bot-protection script.

  3. Device fonts for Korean and Japanese

    Why
    Web fonts are loaded for the Latin text only. Korean and Japanese use the fonts already on the device, with line-breaking rules set per language for readability.
    Trade-off
    Korean and Japanese headings lose the English display face, and the typeface varies from device to device.

Key screens

HomeServiceCityProjectHow it worksQuote
Young Signs home page, first screen on a phone
HomeA headline that names the area, a recent job, and the call and quote bar
Channel letter sign service page, first screen
ServiceWhat each sign type is, with common questions answered
Burnaby city page, first screen
CityBurnaby's town centres and its sign-permit process, with sources
A project page, first screen
ProjectEach project gets its own URL, photos and structured data
How-it-works page: the step that sets three sign options side by side on an illustrated storefront
How it worksFrom first call to installation, on an illustrated storefront
Quote request page, first screen
QuoteEssentials first, photo upload, optional details set apart

Quality and operations

What we guaranteeHowEvidence
No contrast or missing-alt issues foundAutomated checks on the three home pages, a city page and the quote page2026-10-314
English and Japanese home pages read without JavaScriptRendered with JavaScript turned off2026-10-314
Old page addresses still lead to the new pagesOld page addresses redirect permanently to the new pages2026-10-317

We used AI coding tools; every change was reviewed by the founder before it went live.

Next up

  • Make newly added photos in the lighter format too, like the migrated projects, then re-measure the home page's largest photo (LCP) under the same conditions.
  • Expand the structured data so the company's details show up more accurately in search results.
  • Open the Japanese pages to search once their review is done, and until then keep the language links matched to that state.

Sources and methods

  1. 1Old site: Internet Archive (Wayback Machine) copies. Home 2025-07-14, portfolio 2019-07-06, contact 2022-04-23. We compare functional facts only: languages, screens, the quote path and phone links.
  2. 2Performance: measured by MOVA with headless Chrome at phone screen size and high resolution, with CPU slowdown, a slow mobile connection and first-visit conditions, from a connection in Canada; the median of three runs per page (2026-10-31; the three home pages measured again on 2026-11-01). Not a Lighthouse or PageSpeed Insights score. Own script means the site's own scripts, as the median of the measured pages other than the quote page. Home figures change with the first photo (the newest project), so they are point-in-time values.
  3. 3Sitemap: we downloaded the public sitemap.xml and counted the project and city page URLs (2026-11-01). The number of migrated projects is fixed as a delivery fact, checked against the migration records, and is not recounted.
  4. 4Accessibility and JavaScript off: automated colour-contrast and alt-text checks with axe-core on the English, Korean and Japanese home pages, the Burnaby city page and the quote page; the English and Japanese home pages rendered in headless Chrome with JavaScript turned off (2026-10-31).
  5. 5Launch and operations: the launch month (Oct 2026), the migration of past projects and MOVA running and maintaining the site are confirmed by the founder. New projects added after launch were confirmed in the public sitemap (added 2026-10-22 and 2026-10-24, checked 2026-10-31).
  6. 6Captures: phone and desktop screens captured at high resolution in headless Chrome (2026-10-31 and 2026-11-01), cropped and otherwise unedited. Korean and Japanese text is drawn in the capture machine's system fonts, so it may look different on a phone.
  7. 7Old addresses: we requested the old site's page addresses again and confirmed that each redirects permanently to a new page (2026-10-31). The list of addresses is not published.

Young Signs website renewal

The team on this project

Launched Oct 2026 · Live

  • Myeongsub Kim

    CEO · Programmer

    • Site structure and database design; front-end and back-end development
    • Hosting and network setup, SEO and performance work
    • Migrated 519 past projects with their photos
    • Client communication; operations and maintenance since launch

  • Designer (contractor)

    • Screen design (EN, KO, JA)
Visit the site (opens in a new tab)

Next case

Delivery invoicing system

Canada · Web app · 2026

A Canadian business used to write every delivery's invoice by hand in Excel. Now the operator enters the delivered quantities and the invoice is drafted and saved automatically, in Spanish, English or Korean, and printed in English on US Letter.

  1. Enter quantities
  2. Drafted and saved
  3. Print both copies
Building something similar?