Property With Potential

Brief

🎯 The Challenge

The client sought a comprehensive redesign of the landing and results pages to improve mobile responsiveness, user engagement, and overall performance. The goal was to create a modern, stylish, and reusable design that could be extended to other sections of the website, enhancing user experience (UX) and performance across devices.

🛠️ My Approach

• Design and Development: Created new, modern, and stylish designs for the landing and results pages using standards-compliant HTML and a templating language. Adopted a component/modular approach for maximum code reusability and utilized the Tailwind CSS framework for customizable components and future scalability.
• Responsiveness: Ensured templates were responsive by employing a mobile-first design strategy. Redesigned the filters UI to enhance usability and accessibility, particularly on small screens, and optimized the homepage layout to boost user engagement with various website sections.
• Performance and Usability: Implemented mock design modules for in-content advertising. Improved code quality and utilized modern coding techniques to enhance accessibility and usability, focusing on creating error-free, high-performance templates that ensure fast loading and responsive interactions on both mobile and larger screen devices.

📱 Outcomes

• Delivered new landing and results page templates with a modern design.
• Implemented responsive design with a mobile-first approach.
• Enhanced filters UI for better usability and accessibility.
• Reordered homepage content for increased user interaction.
• Created mock design modules for advertising integration.
• Developed a high-performance, standards-compliant, and reusable codebase.

💡 Why This Matters

This project significantly improved the website's mobile experience, accessibility, and overall performance using advanced design and coding techniques. The modern, reusable design enhances user engagement and can be extended to other sections of the website, providing long-term value to the client.

I asked Juan to redesign Property With Potential with the intent of improving the mobile experience and increasing user engagement. However, I needed more than just a designer since I wanted it delivered in a templating language that was compatible with our system, and to use Tailwind CSS. Juan rose to the challenge, learning Tailwind, introducing me to Alpine JS, and continuously delivering to Netlify and GitLab. There's nothing better as a developer than to work with someone that just 'gets it'; someone who can collaborate, work independently, and deliver. The new design has significantly improved our performance and accessibility metrics, and improved our ad revenue. If you need someone to hit the ground running and work with your existing team, hire him.

Jon Canning

Details