![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.'](https://eamonmckiernan.com/app/uploads/2022/03/Mobile-dreamcourts-hero-150x150.jpg)
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
Discovery Phase
Wireframes
I began this rapid project with wireframes, sprinting through a set of mobile and desktop high fidelity wireframes
![](https://eamonmckiernan.com/app/uploads/2022/03/dreamcourts-image-1.jpg.webp)
Design Phase
Designs
Once wireframes were signed off, I commenced the design phase, rapidly building out the design in figma.
![](https://eamonmckiernan.com/app/uploads/2022/03/dreamcourts-image-2.jpg.webp)
Development phase
Core development
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.
![](https://eamonmckiernan.com/app/uploads/2022/03/dreamcourts-image-3.jpg.webp)
Visit the DreamCourts website