Outcome

Problem

Solution

No projects catalogued yet — check back as the registry grows.

Real products we designed and built — browse live screenshots from each project.

work

Shipped

Shipped products and live features from RtK.Global client work — browse screenshots and implementation details.

Work

Real products we designed and built — browse live screenshots and features from each client project.

WeChat Mini-Programs, localized UX, and operational systems for entering and growing in China — including the ICP/PLF licensing path.

China Market Entry

Rosa Khutor

Guest-facing WeChat Mini-App for Chinese tourists at Rosa Khutor — resort map, ski trails and lifts, China-friendly dining and shops, favorites empty states, and WeChat login.

Personal center WeChat login plus Allow sheet for name, avatar, region, and gender.

Personal center login and Allow sheet

Favorites with no account shows mittens art and the same WeChat login CTA before saves work.

Favorites require login

Customer help lists hotline 8-800-5000-55, info2@rosaski.com, and a WeChat QR to scan.

Customer help

We build and ship China guest surfaces end to end.

Hi — I want to discuss a China / WeChat project (rosa-wechat-mini-app-wechat-login).

Personal center with WeChat authorization sheet.

WeChat login Allow modal

WeChat login that unlocks profile and saved places

Rosa Khutor WeChat Mini-App login: personal center CTA, Allow modal for name and avatar, wx.login code2Session rules, and customer help.

WeChat Mini Program Login | Rosa Khutor

WeChat login

Personal center starts with Log in with WeChat. The system Allow sheet asks for name, profile photo, region, and gender. After login, help shows hotline, email, and a WeChat QR for support.

WeChat login for profile and favorites

WeChat Mini-App

wechat login for profile and favorites wechat login  rosa khutor wechat mini-app wechat-native login for profile and favorites server-side code2session session handling in-app help with phone, email, and qr china market entry wechat login that unlocks profile and saved places personal center starts with log in with wechat. the system allow sheet asks for name, profile photo, region, and gender. after login, help shows hotline, email, and a wechat qr for support. favorites and profile need a stable guest identity inside wechat. chinese tourists already hold a wechat account on the mountain; that is the login surface. guests tap log in with wechat on personal center. wechat shows the rosa khutor allow sheet for name, avatar, region, and gender. cancel stays available; allow continues into the profile.

session setup follows the official mini program login path: [wx.login](https://developers.weixin.qq.com/miniprogram/en/dev/api/open-api/login/wx.login.html) returns a one-time `code` (about five minutes). the server exchanges it via `auth.code2session` for `openid` / `unionid` and `session_key`. `session_key` stays on the server.

```js
wx.login({
  success (res) {
    if (res.code) {
      wx.request({
        url: 'https://example.com/onlogin',
        data: { code: res.code }
      })
    }
  }
})
```

profile also links customer help with hotline, email, and a scan qr. guests create a rosa profile with the wechat account they already hold. favorites can persist, and support stays one tap from the profile menu. wechat mini program login | rosa khutor rosa khutor wechat mini-app login: personal center cta, allow modal for name and avatar, wx.login code2session rules, and customer help.

Trail directory with all/open tabs and difficulty or summer-activity chips.

Browse ski trails

Trail detail with length, elevation difference, open status, linked lifts, and map entry. Caption focuses on list fields, not the placeholder map snippet.

Open trail detail

Ski-trail map tab with Rosa topographic basemap and a selected trail bottom card.

Select a trail on the map

Favorites ski-trails empty state with jump back to the directory.

Empty saved trails

Hi — I want to discuss a China / WeChat project (rosa-wechat-mini-app-ski-trails-and-map).

Filtered trail list with open/closed rows.

Ski trails directory

Trail detail

Topographic trail map with selected card.

Trail map tab

Saved trails empty

Ski trail list, detail, and dedicated trail map

Rosa Khutor WeChat Mini-App ski trails: filtered directory, trail detail with linked lifts, topographic trail map, and empty favorites CTA.

WeChat Ski Trails and Trail Map | Rosa Khutor

Ski trails & map

Guests enter from home or the saved-trails empty state, filter by difficulty, open trail detail with linked lifts, then select a run on the topographic trail map.

Ski trails directory and trail map

ski trails directory and trail map ski trails & map  rosa khutor wechat mini-app difficulty filters and open/closed trail rows trail detail with linked lifts topographic trail map with selection cards china market entry ski trail list, detail, and dedicated trail map guests enter from home or the saved-trails empty state, filter by difficulty, open trail detail with linked lifts, then select a run on the topographic trail map. brochure trail names are not enough on the mountain. guests need length, elevation difference, open/closed status, and which lifts feed a run before they commit. the ski trails directory offers all/open tabs and difficulty chips. trail detail shows length, elevation difference, open status, linked ski lifts, and a map entry. the ski-trail map tab overlays trail geometry on rosa topo and opens a bottom card for the selected run. saved-trails empty state jumps back into the directory.

resort systems supply trail and lift geometry, open/closed status, and schedules. the mini program [`<map>`](https://developers.weixin.qq.com/miniprogram/en/dev/component/map.html) component renders markers and polylines; [`mapcontext.includepoints`](https://developers.weixin.qq.com/miniprogram/en/dev/api/map/mapcontext.html) frames the selected geometry. personalized basemap styling uses a tencent location services `subkey` with `layer-style`. map and location coordinates use gcj-02 where wechat requires it ([`wx.getlocation`](https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getlocation.html)).

```xml
<map id="resortmap"
  longitude="{{longitude}}"
  latitude="{{latitude}}"
  scale="{{scale}}"
  markers="{{markers}}"
  polyline="{{polyline}}"
  show-location
/>
```

```js
const mapctx = wx.createmapcontext('resortmap')
mapctx.includepoints({
  padding: [40, 40, 120, 40],
  points: trailpoints
})
``` guests read honest trail stats, see which lifts connect, and confirm the run on the trail map before they leave the hotel. wechat ski trails and trail map | rosa khutor rosa khutor wechat mini-app ski trails: filtered directory, trail detail with linked lifts, topographic trail map, and empty favorites cta.

Hi — I want to discuss a China / WeChat project (rosa-wechat-mini-app-favorites-empty-states).

Category art, prompt, and jump-to-dining CTA.

Restaurants empty state

Trail illustration with jump-to-trails CTA.

Ski trails empty state

Ski lifts empty state

Shops empty state

Activity illustration under the Activities tab.

Activities empty state

Mittens empty state with WeChat login CTA before favorites can save.

Logged-out favorites gate

Server error illustration with a Reload button.

Load failed

General error state with ski-slope art and reload CTA.

Reload on slope

Favorites empty states and load-failed screens

Rosa Khutor WeChat Mini-App: Favorites empty screens for dining, trails, lifts, shops, and activities; logged-out login gate; load-failed reload screens.

WeChat Empty and Error States | Rosa Khutor

Empty & errors

Eight screens in the Rosa Khutor WeChat Mini-App: five Favorites category empties, one logged-out login gate, and two load-failed reload screens.

Empty and error states

empty and error states empty & errors  rosa khutor wechat mini-app category-specific empty art and jump buttons logged-out favorites path into wechat login load-failed screens with reload cta empty and error screens covered in qa with filled lists china market entry favorites empty states and load-failed screens eight screens in the rosa khutor wechat mini-app: five favorites category empties, one logged-out login gate, and two load-failed reload screens. favorites opens with no saved items on first visit. tabs cover dining, trails, lifts, shops, and activities. a failed load also needs its own screen with a retry. empty favorites: per-tab illustration, prompt, and jump button into that directory. logged out: mittens art with a log in with wechat button. load failed: ski-themed art with a reload button.  wechat empty and error states | rosa khutor rosa khutor wechat mini-app: favorites empty screens for dining, trails, lifts, shops, and activities; logged-out login gate; load-failed reload screens.

Production Rosa map with village labels and a selected trail bottom card showing length, elevation, and open status.

Open resort map and select a trail

Purpose sheet lets guests toggle ski trails and ski lifts before applying the filter set.

Filter by purpose

Hi — I want to discuss a China / WeChat project (rosa-wechat-mini-app-resort-map-and-filters).

Resort map trail card

Toggle trails and lifts in the purpose filter.

Purpose filter sheet

Resort map that filters trails, lifts, and venues

Rosa Khutor WeChat Mini-App resort map: trail and venue cards, purpose filters for ski trails and lifts, and map integration notes.

WeChat Resort Map and Filters | Rosa Khutor

Resort map

The home shortcut opens the resort map with Rosa basemap labels and a selected trail card. Purpose filters toggle ski trails, lifts, dining, and shops before guests apply the sheet.

Resort map with POI filters

resort map with poi filters resort map  rosa khutor wechat mini-app shared map for trails, lifts, dining, and shops purpose filters before the canvas floods trail cards with length, elevation, and open status china market entry resort map that filters trails, lifts, and venues the home shortcut opens the resort map with rosa basemap labels and a selected trail card. purpose filters toggle ski trails, lifts, dining, and shops before guests apply the sheet. a ski mountain map fails when every poi appears at once. guests need trail status and venue cues without flooding the canvas, and list cards must land on the same coordinates the map uses. home card resort map opens the production resort map. guests tap a trail or poi and read the bottom card (name, open status, length, elevation). the purpose filter sheet toggles ski trails and ski lifts before apply.

resort systems supply trail and lift geometry, open/closed status, and schedules. the mini program [`<map>`](https://developers.weixin.qq.com/miniprogram/en/dev/component/map.html) component renders markers and polylines; [`mapcontext.includepoints`](https://developers.weixin.qq.com/miniprogram/en/dev/api/map/mapcontext.html) frames the selected geometry. personalized basemap styling uses a tencent location services `subkey` with `layer-style`. map and location coordinates use gcj-02 where wechat requires it ([`wx.getlocation`](https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getlocation.html)).

```xml
<map id="resortmap"
  longitude="{{longitude}}"
  latitude="{{latitude}}"
  scale="{{scale}}"
  markers="{{markers}}"
  polyline="{{polyline}}"
  show-location
/>
```

```js
const mapctx = wx.createmapcontext('resortmap')
mapctx.includepoints({
  padding: [40, 40, 120, 40],
  points: trailpoints
})
``` guests cut noise with purpose filters, then open a trail or venue card on the same map surface the directories deep-link into. wechat resort map and filters | rosa khutor rosa khutor wechat mini-app resort map: trail and venue cards, purpose filters for ski trails and lifts, and map integration notes.

Restaurants directory with China-friendly explainer, open-now tab, and venue cards.

Browse restaurants

Shops directory with category chips and the same China-friendly banner pattern.

Browse shops

Restaurant detail with outline heart, Mandarin and UnionPay signals, hours, and contact fields.

Venue detail before save

Dining favorites tab populated after the guest saves the venue.

Favorites after save

Hi — I want to discuss a China / WeChat project (rosa-wechat-mini-app-china-friendly-dining-and-shops).

China-friendly dining list with open status.

Restaurants directory

Shop categories with China-friendly cues.

Shops directory

Venue detail before favorite

Favorites dining tab after adding a restaurant.

Dining favorites filled

Directories that surface Mandarin and UnionPay before the counter

Rosa Khutor WeChat Mini-App dining and shops: China-friendly directories, venue detail, and favorites after saving a restaurant.

WeChat Dining and Shops | Rosa Khutor

Dining & shops

Restaurant and shop directories lead with China-friendly cues, open-now tabs, and category chips. Guests open a venue, save it with the heart, and see it on the dining favorites tab.

China-friendly dining and shops

china-friendly dining and shops dining & shops  rosa khutor wechat mini-app mandarin and unionpay signals on directory cards venue detail with hours and contact before save filled dining favorites after the heart action china market entry directories that surface mandarin and unionpay before the counter restaurant and shop directories lead with china-friendly cues, open-now tabs, and category chips. guests open a venue, save it with the heart, and see it on the dining favorites tab. short-stay chinese guests need mandarin-speaking staff and unionpay signals before they walk across the village. empty favorites also need a clear path back into the directories. dining and shops directories share search, all/open tabs, category chips, mandarin and unionpay badges, and an on-map affordance. venue detail shows hours, cuisine, address, and phone before the heart is filled. after save, favorites → dining lists the card with the same on-map jump.

map filters include dining and shops on the shared resort map, so directory and basemap stay one system. guests compare china-friendly venues, save a short list, and jump back to the map without leaving wechat. wechat dining and shops | rosa khutor rosa khutor wechat mini-app dining and shops: china-friendly directories, venue detail, and favorites after saving a restaurant.

Lift directory with all/open tabs and gondola, chair, drag, and conveyor chips.

Browse ski lifts

Lift detail with schedule/status fields and linked ski trails. Caption ignores placeholder map geography.

Open lift detail

Favorites ski-lifts empty state with jump back to the directory.

Empty saved lifts

Hi — I want to discuss a China / WeChat project (rosa-wechat-mini-app-ski-lifts-directory-and-detail).

Type-filtered lift list with open/closed rows.

Ski lifts directory

Lift detail

Saved lifts empty

Ski lift list and detail with linked trails

Rosa Khutor WeChat Mini-App ski lifts: type-filtered directory, lift detail with linked trails, and empty favorites CTA.

WeChat Ski Lifts Directory | Rosa Khutor

Ski lifts

Guests browse gondolas, chairs, and other lift types, open a lift for hours and status, and see which ski trails it serves. Empty saved lifts jump back to the directory.

Ski lifts directory and lift detail

ski lifts directory and lift detail ski lifts  rosa khutor wechat mini-app lift-type filters and open/closed rows lift detail with linked trails empty saved-lifts path back to the directory china market entry ski lift list and detail with linked trails guests browse gondolas, chairs, and other lift types, open a lift for hours and status, and see which ski trails it serves. empty saved lifts jump back to the directory. lift choice depends on hours, open/closed status, and which trails sit at the top. guests need that without hopping between brochure pdfs. the ski lifts directory mirrors the trails pattern: all/open tabs and type chips. lift detail shows schedule and status fields plus a linked ski-trails list. caption focuses on those fields when a map snippet is only a placeholder. saved-lifts empty state jumps back into the directory.

lift pins also appear on the shared resort map through purpose filters. guests pick an open lift, see linked trails, and continue on the map or trail directory without leaving wechat. wechat ski lifts directory | rosa khutor rosa khutor wechat mini-app ski lifts: type-filtered directory, lift detail with linked trails, and empty favorites cta.

Hi — I want to discuss a China / WeChat project (rosa-wechat-mini-app-ui-kit-and-design-system).

Inactive and active navigation, home categories, general actions, shop types, and map-marker variants.

Icons and map markers

Primary and supporting tokens plus semantic colors for easy, intermediate, difficult, and very difficult ski slopes.

Color system

Small and large primary, secondary, and icon buttons across default, active, disabled, and colored-background contexts.

Button system

Heading and body scales, responsive guidance, and light, regular, and bold treatments for Latin and Chinese text.

Typography and font weights

A UI kit for maps, commerce, and bilingual guest journeys

Rosa Khutor WeChat Mini-App UI kit: navigation and category icons, color tokens, button variants, map markers, and bilingual typography.

WeChat Mini-App UI Kit | Rosa Khutor

UI kit

Four implementation boards align icons, colors, controls, and Latin-Chinese typography across the Rosa Khutor WeChat Mini-App.

UI kit and design system

ui kit and design system ui kit  rosa khutor wechat mini-app travel & hospitality shared navigation, category, shop, and map icon language semantic color tokens for resort and slope states reusable button variants with explicit interaction states latin-chinese typography hierarchy with mobile guidance china market entry a ui kit for maps, commerce, and bilingual guest journeys four implementation boards align icons, colors, controls, and latin-chinese typography across the rosa khutor wechat mini-app. the mini-app combines resort navigation, ski conditions, dining, shops, tickets, favorites, and account screens. without a shared system, category icons, map markers, button states, and bilingual type hierarchy drift between those surfaces. the ui kit defines active and inactive navigation icons; home, shop, and map-marker sets; primary, secondary, and semantic slope colors; small and large button variants with active and disabled states; and a four-level heading and body hierarchy tested with latin and chinese text. the typography board also specifies a small-screen reduction rule below 340 px. design and implementation share one reference for reusable visual tokens and component states across the guest-facing mini-app. wechat mini-app ui kit | rosa khutor rosa khutor wechat mini-app ui kit: navigation and category icons, color tokens, button variants, map markers, and bilingual typography.

We plan WeChat product work and the licensed-domain filing path together.

Hi — I want to discuss a China launch with ICP filing (rosa-wechat-mini-app-icp-filing).

ICP (and Public Security where required) record on the licensed-domain page.

Rosa Khutor ICP on the licensed domain

Licensed domain with ICP (and PLF) on the live page

Rosa Khutor ski-resort launch: ICP and PLF on the licensed domain page, delivered beside the WeChat Mini-App for Chinese guests.

Rosa Khutor ICP Filing | Ski Resort China Launch

Rosa ICP filing

Rosa Khutor needed a licensed domain that stayed online with the ICP record visible. We delivered that filing path next to the resort WeChat Mini-App.

Rosa Khutor ICP filing

rosa khutor icp filing rosa icp filing  rosa khutor wechat mini-app licensed domain kept online for the filing icp record shown on the public page china market entry licensed domain with icp (and plf) on the live page rosa khutor needed a licensed domain that stayed online with the icp record visible. we delivered that filing path next to the resort wechat mini-app. a wechat mini-app can be ready while the licensed domain and miit filing still block a legal public web presence. we ran the icp paperwork path in parallel with product work, kept a landing page on the licensed domain, and displayed the icp (and where required public security) record on that page. the public page carries the filing numbers customers and regulators expect to see. rosa khutor icp filing | ski resort china launch rosa khutor ski-resort launch: icp and plf on the licensed domain page, delivered beside the wechat mini-app for chinese guests.

Dodo Brands

Cashless Hangzhou ordering surface inside WeChat — localized UI, QR entry, promotions, and WeChat Pay.

Hi — I want to discuss a China launch with ICP filing (dodo-wechat-mini-app-icp-filing).

Dodo Pizza ICP on the licensed domain

Dodo Pizza Hangzhou launch: ICP and Public Security numbers on the licensed domain page, shipped beside the cashless WeChat ordering app.

Dodo Pizza China ICP Filing | Hangzhou Launch

Dodo ICP filing

Dodo’s Hangzhou store needed a licensed domain with ICP (and PLF) on the live page. We ran that filing path in parallel with the WeChat ordering Mini-App.

Dodo Pizza China ICP filing

dodo pizza china icp filing dodo icp filing  dodo brands wechat mini-app licensed domain kept online for the filing icp record shown on the public page china market entry licensed domain with icp (and plf) on the live page dodo’s hangzhou store needed a licensed domain with icp (and plf) on the live page. we ran that filing path in parallel with the wechat ordering mini-app. a wechat mini-app can be ready while the licensed domain and miit filing still block a legal public web presence. we ran the icp paperwork path in parallel with product work, kept a landing page on the licensed domain, and displayed the icp (and where required public security) record on that page. the public page carries the filing numbers customers and regulators expect to see. dodo pizza china icp filing | hangzhou launch dodo pizza hangzhou launch: icp and public security numbers on the licensed domain page, shipped beside the cashless wechat ordering app.

. The link may be broken or the page may have moved.

The page you requested does not exist — the link may be broken or the page may have moved.

That page doesn't exist. Head home or explore services, work, and capabilities.

Shipped work

WeChat Mini-App

What we built

WeChat login for profile and favorites

Ski trails directory and trail map

Empty and error states

Resort map with POI filters

China-friendly dining and shops

Ski lifts directory and lift detail

UI kit and design system

Rosa Khutor ICP filing

Explore further

WeChat Mini-App

What we built

WeChat login for profile and favorites→

Ski trails directory and trail map→

Empty and error states→

Resort map with POI filters→

China-friendly dining and shops→

Ski lifts directory and lift detail→

UI kit and design system→

Rosa Khutor ICP filing→

Explore further

WeChat login for profile and favorites

Ski trails directory and trail map

Empty and error states

Resort map with POI filters

China-friendly dining and shops

Ski lifts directory and lift detail

UI kit and design system

Rosa Khutor ICP filing