Ōnin Staffing Website

Role: Designer and Developer

Overview

Design and functionality refresh for a company website, focusing on performance, usability, and editor CMS experience.

Problem

The website had slow performance and lacked the flexibility for custom analytics and a content editor experience that balanced ease of use with customization.

Solution

Redesigned and developed the site with a modern tech stack and modular CMS. Improved performance, implemented consistent styling through reusable templates, integrated custom analytics, and delivered a flexible, editor-friendly interface using Wagtail.

My Contributions

• Developed the Wagtail CMS tailored to content editors and designers
• Designed and developed a responsive frontend using Tailwind CSS, Django templates, HTMX, and Alpine.js
• Built a resource system using Wagtail’s RoutablePageMixin, custom StreamFields, and HTMX, making content easy to manage for editors and easy to browse for users
• Integrated animations using GSAP and Lottie
• Created reusable, semantic HTML templates tied to custom Wagtail StreamFields and blocks
• Ensured WCAG compliance through semantic markup
• Optimized web assets for performance and accessibility
• Set up and optimized the build step using Vite, Tailwind CLI, and Django's collectstatic

Outcome

• Improved average PageSpeed score on high traffic pages by an average of 25%
• Delivered a flexible CMS experience tailored to editorial workflows
• Enhanced user experience through collaboration with our UX designer
• Reduced effort required to create new pages