Audit & analytics portfolio
Single-page job-hunting portfolio · English and Chinese
Work
We're a new studio, so we're starting with the sites we built for ourselves: two personal websites, and the studio site you're on now, with the order dashboard behind it. Each one comes with the technical highlights and real screens; hover over a thumbnail to scroll through the whole page.
Accounting & finance research website
Multi-page personal website · Research report
Studio website & order dashboard
Three-language site · Enquiry management
01
Audit & analytics portfolio
A single-page portfolio for job hunting. Education, research projects, experience and skills sit on one page, so recruiters can scroll through the highlights and download the CV straight away.
- Client
- Fu Lap Hang, Ivan (符立恒)
Accounting and finance graduate - Type
- Single-page personal website
- Built with
- HTML, CSS, JavaScript, Tableau, GitHub Pages
Technical highlights
- English / Chinese toggleSwitch languages on the same page. The visitor's choice is saved in the browser, so the site opens in the same language next time.
- Dark modeOne click between light and dark, remembered the same way.
- Embedded Tableau storyTableau's official embedding library puts the interactive analysis of 220,000+ HDB resale records right on the page.
- Bottom quick navigationA bar fixed to the bottom of the screen jumps to education, research, CV and contact from anywhere on the page.
- CV downloadRecruiters can download the CV without leaving the page.
- No hosting feesA static site on GitHub Pages, so there's no server to pay for.
02
Accounting & finance research website
A personal website written for recruiters and graduate admissions at the same time. The home page sets out capabilities and research highlights, with a research report, a full CV and a one-page CV alongside.
- Client
- Yu-Chen Chao (趙于楨)
Accounting and finance graduate - Type
- Multi-page personal website
- Built with
- HTML, CSS, JavaScript, Python, GitHub Pages
Technical highlights
- Pages arranged by readerRecruiters see the degree and CV download first; admissions readers find the full research report on its own page.
- Bilingual, with translation checksEnglish lives in the pages and Chinese in a separate translation file. Python scripts check that every line is translated and that no translation is out of date.
- One-page A4 CVA layout designed for print: print it or save it as a PDF and it fits exactly one page. The downloadable CV PDFs are generated by a script too.
- Step-through research findingsThe research page walks readers through the findings one chart at a time.
- Dark mode that follows the systemMatches the device's light or dark setting by default, with a manual switch.
- No framework, no build stepPlain static files that work as soon as you open them, hosted on GitHub Pages.
03
Studio website & order dashboard
The site you're on now. When a client sends an enquiry, it goes straight into a database, and we track every enquiry from first contact to delivery in our dashboard.
- Client
- TechStarterWeb Consulting (this site)
- Type
- Studio website + enquiry dashboard
- Built with
- Astro, Cloudflare Workers, D1, Access, OpenCC
- Client fills in the formTraditional Chinese, Simplified Chinese or English
- Checked and filteredThe server validates every field and blocks bots
- Saved to a databaseEvery enquiry is kept, nothing gets lost
- Handled in the dashboardOnly approved email addresses can sign in
- Tracked to deliveryEnquiry → quote → signed → building → delivered
The dashboard screenshot uses sample data. The dashboard itself is in Chinese.
Technical highlights
- Three languagesTraditional Chinese is the source; the Simplified version is converted automatically with OpenCC at build time, and the English version is written separately. First-time visitors are routed by their browser language.
- Enquiries go straight to a databaseThe server checks each submission and blocks bots before saving it to a Cloudflare D1 database, so nothing gets buried in an inbox.
- Order dashboardFilter by status, search, keep internal notes, and see a log of every status change.
- Built-in traffic statsDaily visits, top pages, where visitors come from and the enquiry conversion rate, right in the dashboard. No cookies, no IP addresses stored.
- Protected sign-inCloudflare Access lets only approved email addresses in, and the server verifies the sign-in token again.
- Contact methods for each regionWhatsApp, WeChat, LINE and Xiaohongshu (RED) are all options; the Simplified site defaults to WeChat, the English site to WhatsApp.
- Push to GitHub, and it's livePush a change to GitHub and Cloudflare builds and updates the site automatically.
Want a site like this for yourself?
A job-hunting portfolio, a freelancer's website or a small brand's site: we start the design from your content.
Book a free consultation