Qianyun Co., Ltd.
中文
/SERVICES

From a blank pageto a site you can maintain.

A web studio that designs, builds and ships.

From working out what you want to say and how it should look, through to making it and putting it in front of people, it all happens on one line of work — you never have to hand the project between a designer, a builder and whoever puts it online. Below: what each of the six services covers, how we work together, and what we do not take on.

/CAPABILITIES (01—06)

Six services

Each one states what it covers and what you get. No promises about outcomes, and no delivery dates here.

  1. 01

    Brand websites

    品牌網站設計

    It starts with what the brand wants to be remembered for: what a visitor sees first, where they are led next, and where they should stop and look. Once that is settled, we get to layout, type and colour. Design and build stay in the same pair of hands, so nothing gets drawn that cannot be made.

    What it covers

    • Talking through what the site has to achieve and who it is for, and taking stock of the content you already have
    • Deciding which pages exist, how they connect, and the path a visitor takes
    • The layout frame: the hierarchy of type sizes, the rhythm of white space, and how it all rearranges on a phone
    • Colour and type pairings that feel right and stay genuinely readable

    What you get

    • Every page laid out in full, down to the rules for line breaks and spacing
    • Written guidance so the site still holds together as it grows

  2. 02

    Front-end build and launch

    前端開發與上線

    Handing over a design file is not the end of it. We make the design into the real thing by hand, so it holds up on phones, on desktops and on a slow connection. Anything that can be left out is left out — that is what keeps a site clean and quick.

    What it covers

    • Turning the layout into a working site, with light and dark appearances and a proper printed version
    • Checking it on real phones, tablets, laptops and every major browser
    • Domain, secure connection and go-live settings, handled through to the point it can face the public
    • Making search results show the right title and summary, and shared links show the right preview

    What you get

    • A complete set of site files you can take over yourself
    • Handover notes on the launch settings and how to update the site later

  3. 03

    Design systems

    設計系統建置

    Colour, type, spacing and the blocks you use over and over become one set of rules, so a new page never starts from a blank sheet and the site does not drift as it grows. It suits brands that will keep adding content, especially when more than one person maintains it.

    What it covers

    • One shared set of rules for colour, type sizes, spacing and corners
    • The everyday parts: buttons, forms, lists, cards, navigation, notices
    • Rules for the light appearance, the dark one and the printed page
    • Usage notes: which part fits which case, and when not to invent a new style

    What you get

    • The files for the whole set of rules and parts
    • Documentation on how, when — and when not — to use each one

  4. 04

    Accessibility and performance

    無障礙與效能優化

    A beautiful site should also be one more people can actually use. Colour, type size and keyboard use are checked against accessibility standards item by item: reachable without a mouse, readable when the text is enlarged, sensible when read aloud. Speed comes with it — visitors wait for less time than most people assume.

    What it covers

    • Going through the whole site on the keyboard alone, filling in the labels and cues that are missing
    • Checking every colour and type size, with replacement colours you can drop straight in
    • Listening to the site through a screen reader: heading order, form labels, status messages
    • Looking at what the page actually loads — images, fonts, add-ons — and removing what it can live without

    What you get

    • An issue list saying where it happens, why it matters and how to fix it
    • The fixes themselves, where we carry them out

  5. 05

    Multilingual sites

    多語系網站

    A second language is about more than translation: each language needs its own addresses, a clear way to switch, and content that stays equally complete on both sides. Done properly, neither search engines nor visitors get lost, and nobody falls into the wrong language halfway through.

    What it covers

    • How the addresses for each language are arranged, and where the language switch sits
    • Making the two languages point at each other, so the right version reaches the right reader
    • Type, line height and line breaking handled per language, so each one reads well on its own terms
    • Equivalence checks, so one language does not quietly end up with a paragraph less

    What you get

    • The addresses and the language switch, built and working in both languages
    • Maintenance rules for adding another language or another page later

  6. 06

    Maintenance and redesign

    網站維運與改版

    Going live is the beginning. Content updates, layout changes, moving house, or taking over a site somebody else left half-finished — we look at where things actually stand first, then decide together whether to patch, redesign or rebuild. We will not talk you into a rebuild for the sake of it.

    What it covers

    • A check-up on the existing site: content structure, layout, where it currently lives
    • Content and layout updates, and redesign of existing pages
    • Moving the site and putting it back in front of the public, plus everyday upkeep
    • Letting the content that changes often be edited by your own colleagues, from an admin screen

    What you get

    • Updated site files and launch settings
    • Instructions for maintaining the site yourself
/PROCESS (01—04)

How we work

Four steps. Each one says what we do, what you provide, and what you have in hand when the step ends.

  1. 01

    Discovery

    釐清

    What we do
    Work out what the site has to solve, who it is for, what content already exists, and whether anything has to connect to what you already run.
    What you provide
    Existing content and assets, sites you consider worth referencing, and one person who can make decisions.
    What you get
    A written summary of requirements and scope, with a draft page list and the open questions.

  2. 02

    Architecture

    架構

    What we do
    Settle which pages exist, how they connect, what goes on each one, and how the addresses and languages are arranged.
    What you provide
    The actual text for each page (drafts are fine) and the priority order of the pages.
    What you get
    A map of the site and a rough block layout for every page — the bones first, colour later.

  3. 03

    Design and build

    設計與實作

    What we do
    Visual design and build move together, with readability and keyboard use checked as we go, reviewed page by page on a preview address only you can see.
    What you provide
    Final copy and image assets, and one channel that collects the feedback for each round.
    What you get
    A preview site you can genuinely click through, and a record of how each item on the fix list was handled.

  4. 04

    Launch and handover

    上線與交接

    What we do
    Domain and go-live settings, the pre-launch pass (links, the title and summary in search results, forms), then facing the public for real.
    What you provide
    Control of the domain, or cooperation from whoever currently manages it.
    What you get
    The live site, the complete set of files, and handover notes on how to update it.
/SCOPE

Scope boundaries

Saying what we do and do not take on saves both sides time.

What we focus on right now

  • Web design: from how the content is arranged and how it looks, through to actually making it
  • Domain and go-live settings, handled through to facing the public
  • Accessibility and speed reviews, design systems, multilingual sites
  • Redesign and long-term upkeep of existing sites

Not in scope

  • Mobile app development for iOS and Android
  • Paid advertising and campaign management
  • Content marketing copywriting and social media management
  • Membership systems, databases and payment integrations (we can share the work with your own technical partner)
  • Translation itself (we handle the multilingual structure and typesetting; the translating is better left to a translator)

None of this is unimportant. It is simply better done by people who specialise in it, and we are glad to work alongside them.

/PRICING

How quoting works

No prices and no price ranges on this page. Page count, volume of content, whether a design system or a second language is involved, and the state of an existing site all change the amount of work; a number given before those are known means very little.

How we get there

  1. Email us about the site you have in mind and where things stand; a rough outline is enough, we will ask about the rest.
  2. We reply to confirm the requirements and scope, and arrange a call or a meeting if that helps.
  3. Once the scope is agreed, you get a written quote listing the work items and the deliverables.
  4. Work starts after both sides confirm scope and quote; if the scope changes along the way, we confirm it again.

If you already have a budget in mind, say so — we will reply with what can be done within it.

/CONTACT

Have a site in mind?

Email us the rough idea and where things stand; we will reply to confirm the requirements and scope.

Write to us

To get a feel for how we work first, the work page has three demo templates (invented brands, not client work).