fallback image

SELECTED PROJECT

eighteen yards

The client approached me to perform the full brand development process, from logo design and branding, to website design and development. The process was quite extensive, creating a grid to design from in the UX/UI processes, as well as creation of a 3D logomark to be utilised on the homepage of the website. Bespoke animated iconography relating to the business services were created to add life to the product offerings.

Throughout the development process, much attention was paid to optimising load times, as using WebGL can impact performance quite significantly. Despite this, the website launched with a 100% Google lighthouse score on desktop, and an similar score on mobile.

Client
eighteen yards
Location
Sydney
Tools
ReactJS
NextJS
Typescript
Figma
eighteen yards homepage design previeweighteen yards homepage design preview mobile
Custom animated icons
eighteen yards homepage design previeweighteen yards about page mobile design preview
Google Lighthouse Score
Performance
100
Accessibility
100
Best Practices
100
SEO
100