A hero image which showcases a Simonds home with a dreamcourts basketball court. Overlayed is the text 'Dreamcourts. Dream it. Quote it. Own it. Hoop dreams start here.'

Dreamcourts

Case study

Whilst working at Strange Animals, I designed and developed a campaign page for Simonds Homes, partnered with Dreamcourts and The NBA. This was developed with tailwindcss and vue.js

A screenshot of the various wireframes I did for dreamcourts in figma

Wireframes

Discovery Phase

I began this rapid project with wireframes, sprinting through a set of mobile and desktop high fidelity wireframes

A screenshot of the various designs I did for dreamcourts in figma

Designs

Design Phase

Once wireframes were signed off, I commenced the design phase, rapidly building out the design in figma.

A mockup of a imac desktop with the dreamcourts website displayed across it

Core development

Development phase

Going into development, I had to add the page as a new route in a larger single page application built in vue. I commenced building out the page in tailwindcss, my first time using the css framework.

Visit the dreamcourts page now

Visit the Dreamcourts website