A home for work that can keep growing
Multiple pages, two languages, and automated deployment: a look at this version of the Mooking Studio website and the purpose behind its choices.
Give each project a place of its own
The studio website is an introduction to the work and the ideas behind it. The home page can offer an overview, while someone interested in a particular project needs a place to learn more. This version gives work, the studio story, and contact information their own pages. Each subject has a clear home, and sharing a project can take someone directly to the relevant introduction.
Let the content and interface grow together
Vue 3 organizes the pages and shared components, giving navigation, project information, and articles a consistent structure. The site offers a Traditional Chinese version and a complete English version. Switching languages keeps readers on the corresponding page. These choices should make content easier to find and help a solo developer spend more attention on the work and the words while maintaining the site.
Keep the technology aesthetic, write with warmth
Dark backgrounds, gradients, and orbital shapes form the visual language of this website. They can coexist with a caring approach to making things. The copy needs to explain who a project is for, its current stage, and where to learn more. Concrete, honest information is also part of treating visitors with respect.
Give each update a clear path to publication
The site is deployed at mooking.studio using Route 53, CloudFront, and private S3 storage, with GitHub Actions running checks and automated deployment. Content changes can follow a consistent publishing process, with a version history to look back on. The making journal adds another kind of record: alongside what changed on the website, there is room to explain why those choices were made.