B2B SaaS / HR tech
Siklo
A Philippine HR and payroll SaaS site built on local specificity: a payslip mock hero, statutory math spelled out, pricing including free-for-five, and contact.
- Demo build
- /18-siklo/
- Orivian contribution
- Full website built from zero — self-initiated, no client commission.
- Site audience
- HR leads and founders at Philippine teams running payroll
- Pages
- 5 pages in the build

The context
What this website is for.
A payroll product for Philippine teams, where the moat is statutory reality — SSS, PhilHealth, Pag-IBIG, and 13th-month pay that global templates get wrong.
The buyer is an HR lead or founder who has reconciled a spreadsheet by hand and does not trust another tool until the math is visible.
What the site has to do
- Show the statutory math on the page so the specificity is provable.
- Make the payslip the hero — it is the artifact every employee judges the product by.
- Answer pricing plainly, including the free-for-five tier.
- Explain disbursement — bank and GCash — as it actually works.
Scope
What the build covered.
Structure, content, design, and build for the whole site — the parts a visitor can see and use.
- Homepage with payslip mock hero
- Features page
- Pricing and ROI page
- About and contact pages
- Statutory deduction reference on the page
- Responsive layout across devices
Inside the demo
Follow the structure yourself.
Every page below is public. The quickest way to judge this work is to open the paths and read them on your phone.
- Home/18-siklo/
- Features/18-siklo/features/
- Pricing and ROI/18-siklo/pricing/
- About/18-siklo/about/
- Contact/18-siklo/contact/
Related services
How this translates to your project.
- Read the service01Website planning
Website Planning and Structure
Start with the right structure.
- Read the service02Content and messaging
Content and Messaging
Make the offer easier to understand.
These are self-initiated demo builds. No client commissioned them; brands are fictional or fictionalized, and prices, hours, and metrics inside the demos are labeled indicative.
More examples
Other websites in this collection.
Planning a clearer, more useful website?
Describe what you are building and what needs to be clearer. The conversation starts with the problem, not with a package.
Remote · Direct · No pressure to choose the biggest package


