Tiimely Home Website
Complete redesign and rebuild of Tiimely Home's marketing site after the Tic:Toc rebrand — covering brand expression, conversion paths, broker offerings, and a Figma design system tied to React + Next.js.
After the Award Winning Tic:Toc Home Loans was rebranded to Tiimely Home, it was a great opportunity to rebuild the retail website.
Tiimely Home is the destination for customers to find, compare and apply for home loans. The site is made up of two parts: a direct-to-consumer Tiimely Home product offering, alongside a broker offering that includes major Australian bank brands.
The challenges for the project were significant — concurrent launches of tiimelyhome.com.au and tiimely.com, alongside extensive risk and compliance reviews tied to operating in regulated financial services.
My role
- UI Design Lead — Figma design system, all page and component design.
- UX Design Lead — research, IA, user flows, prototypes, and usability testing.
- Creative Direction — defined the brand expression online and partnered with the rebrand team.
- Product Management — led the project working group, set and tracked outcomes.
- Wrote RFPs and interviewed 8 delivery vendors before selecting the build partner.
- Built the Figma design system that drove the production React components.
- Designed 20+ pages and product features across direct-to-consumer and broker journeys.
- Managed the technical SEO migration and analytics implementation.
Project kickoff
Early work focused on stakeholder determination, getting the right team in the room, and clarifying the technology stack we’d build on.
Team
| Person | Role |
|---|---|
| Jamie Esterman | UI/UX Lead, Creative Direction, Product Management |
| Melanie | Head of Brand & Marketing |
| Ronaldo | Engineering Lead |
| Oliver | Frontend Engineer |
| Michelle | Content & SEO |
| Christopher | Product Owner — Broker |
| Mac | Risk & Compliance |
| Amanda | Customer Operations |
| Maverick | Delivery Partner Lead |
Tech stack
- Sanity.io headless CMS
- React + Next.js front-end, deployed on Vercel
- GitHub for source control and CI
- Google Tag Manager + GA4 for analytics
- Hotjar for behavioural insights and session recordings
- Notion and Confluence for documentation and decision logs
Research & Strategy
Used the Double Diamond Design Thinking approach to move from problem discovery through to a defined design direction.
Research
The discovery phase pulled together user personas, competitive analysis and market research across both direct-to-consumer and broker audiences. We synthesised findings into clear opportunity areas for the rebuild.
Strategy
Strategy work covered information architecture testing, SEO strategy aligned to the rebrand, and user flow maps for the key journeys — homepage to product, product to apply, and broker comparison.
Design Direction
Element-by-element weighting was used to compare design direction options against brand, conversion, and accessibility goals.
Design System
A Figma design system was built to power both consumer and broker experiences, with tokens linking directly into the React + Tailwind production codebase.
User Interface Design
The final UI design covered the full retail experience — homepage, contact, FAQs, guides, home loans product pages, and the suite of calculators that underpin the conversion flow.
See the live site at tiimelyhome.com.au.