Bilingual brand platform

Production

SORADA Homepage

A bilingual corporate site that presents SORADA’s Travel Tech and AI-assisted product engineering practice in a crawlable, accessible public product.

PROJECT OVERVIEW

What the public product is for.

SORADA Homepage is the public brand platform for a Travel Technology and AI-assisted product engineering company. It has to explain specialist work to an international audience without inventing client outcomes, commercial numbers or partnership claims.

The site treats English and Korean as separate editorial products. It also makes concrete engineering concerns visible: route-level metadata, language alternates, structured data, responsive layouts and browser verification are part of the delivery rather than hidden implementation detail.

Brand and product structureFrontendLocalizationTechnical SEOResponsive QADeployment documentation

PRODUCT CHALLENGE

The problem extends beyond the screen.

A corporate site can quickly become a collection of generic claims. The editorial model had to give each page a distinct job: company perspective, services, public domain experience, working method, insights and AI development all need different evidence and rhythm.

The Korean experience cannot be a fallback translation. Page copy, navigation labels, metadata and accessibility labels are maintained as independent language content.

SOLUTION APPROACH

Nuxt’s pathname-based locale structure provides stable English and Korean routes. Page-level canonical, hreflang, Open Graph and structured data are generated from the same route facts, while sitemap and llms.txt expose only canonical public material.

The visual system keeps SORADA’s deep green, lime and coral palette, then applies responsive rules to editorial artwork and long-form content. Screens are checked across compact mobile and desktop widths before deployment.

USER FLOW

A sequence of judgements.

  1. 01Define page ownership and factual boundary
  2. 02Create separate English and Korean editorial records
  3. 03Build accessible responsive page compositions
  4. 04Generate route-level SEO and structured data
  5. 05Verify production rendering and public crawl assets

OPERATIONS PERSPECTIVE

A structure that can be explained after release.

The site is deployed as a static public product, so deployment validation includes rendered browser navigation and hydration, not only a successful build response.

Quality checks look for Korean-language leakage, editorial duplication and responsive overflow. They are intentionally lightweight and connected to the actual public content surface.

ENGINEERING STACK

The stack and its role.

FrontendNuxt 4VueVuetify 3TypeScript
Product platformNitro@nuxtjs/i18nJSON-LD structured data
Infrastructure and QAVercelPlaywright-based browser checks