Skillery
Quiet-luxury editorial marketing site for a corporate L&D firm and its flagship luxury real-estate training suite.
// By the numbers
- 5
- Pages
- 5
- Flagship programs
- 6
- Industries served
- 0
- Build dependencies
A premium, hand-built marketing website for Skillery — a corporate learning & development company — leading with a flagship suite of Luxury Real Estate Training Programs. The direction is quiet-luxury editorial: warm near-black ink, ivory paper and champagne-gold accents, built as a fast, dependency-free static site that the client can edit and deploy anywhere.
How it's put together
Home
Hero · partners · services · founder
Programs
5 luxury real-estate programs
Faculty & About
Consultant bios · story · stats
Contact
Enquiry form · success state
Editorial UI
Fraunces + Poppins · design tokens
Interactions
Scroll reveals · marquee · counters
Static build
Pure HTML/CSS/JS · no framework
Vercel
Instant global static delivery
A zero-dependency static site, instantly editable and deployable anywhere.
Signature capabilities
Quiet-luxury editorial design
Warm near-black ink, ivory paper and champagne-gold accents with a Fraunces display serif — a look engineered to read as expensive to a high-net-worth audience.
Zero-dependency, instantly editable
Pure HTML/CSS/JS with no build step. Design tokens live in one place, so the brand feel can be re-tuned and the site redeployed anywhere in minutes.
Conversion craft
Every page routes toward an enquiry — services, programs and faculty each end in a clear path to 'start a conversation' with a graceful form success state.
Motion with restraint
Scroll reveals, a partners marquee and animated counters add life without noise — polish that matches a premium training brand.
Business feature set
The functional scope delivered across every part of the product.
Home
- Video hero with editorial headline
- Animated stat counters
- Institutions / partners marquee
- Interactive services (six industries)
- Flagship programs preview
- Founder's message
- Partners & clients wall
Programs
- Five luxury real-estate programs in full
- The Art of Luxury · Inspiring HNWI
- Storytelling · Negotiation · SCORE
- Deep-linkable program anchors
Faculty & story
- Full consultant bios (6 + founder)
- About page with stats & founder message
- Quiet-authority faculty grid
Contact & craft
- Enquiry form with client-side success state
- Quiet-luxury editorial design system
- Centralized design tokens (one source of truth)
- Razor-sharp SVG wordmark in three colorways
What I owned
End-to-end on this project — from architecture and data modelling through to a shipped, production product.
- Brand-led design direction (quiet-luxury editorial)
- Full hand-built front-end: 5 pages, no framework
- Design-token system for colours, type & spacing
- Scroll reveals, marquee, counters & nav interactions
- Vector wordmark in three colorways (SVG)
- Static deployment on Vercel
Built with
Markup & styling
Interaction
Type
Infrastructure
// Gallery
Want something like Skillery?
Boutique software studio — agency-quality systems, shipped by one senior engineer.
// Related work
