L o a d i n g

Ven Para Orlando

UX/UI/Web development

About the Project

Ven Para Orlando is a vacation rental site for the area of Orlando, exclusively for Spanish-speaking vacationers. I have helped in creating this site and branding since 2011.

My Role
UX, UI, Web development
Objective
Creating a new redesign and admin tools.
Scope
2 months. Self-started project.
Tools
Figma, Illustrator, Photoshop, ColdFusion, MySQL, HTML, CSS, Javascript

Why redesign

Taking on the challenge of updating VenParaOrlando.com, a website untouched since 2015, I embraced the task with enthusiasm and a keen eye for modern design principles. The primary focus was to revitalize the website's overall presentation and functionality, ensuring it not only looked current but also provided an intuitive and efficient user experience. Key improvements included:

Content Presentation and Visual Appeal:

  • Revamped the website's layout and design to enhance readability and visual appeal, making the content more accessible and engaging for users.
  • Refined the showcase of rental properties with high-quality images and detailed descriptions, ensuring each listing is visually appealing and informative.

Enhanced Functionality and User Experience:

  • Integrated a user-friendly calendar feature for easy checking of rental availability, streamlining the booking process for visitors.
  • Redesigned the admin tool to be more intuitive, significantly simplifying property management, content updates, and inquiry handling for administrators.

My Approach

In redesigning VenParaOrlando.com, my approach was direct and hands-on, leveraging my deep familiarity with the site's evolution, as I had been the architect behind all its previous versions.

  • Preliminary Sketching:
    Began with hand-drawn sketches, allowing for rapid exploration of ideas and layouts, which enabled quick iteration and visualization of potential design concepts without the constraints of digital tools.
  • Low-Fidelity Wireframing:
    Translated initial sketches into a basic digital layout, focusing on user flow and site structure, setting a solid foundation for the user interface.
  • High-Fidelity Wireframing:
    Developed a detailed mockup with specific design elements like color schemes, typography, and UI components. This step bridges abstract concepts and the actual design, ensuring a clear vision for the final product.
  • Bootstrap Integration:
    Utilized Bootstrap for its responsive grid system and pre-designed components, enhancing the development speed. The framework's adaptability helped quickly transform the high-fidelity wireframe into a functional prototype.
  • Dynamic Content Integration with ColdFusion:
    Employed ColdFusion for backend scripting, managing the interaction with a MySQL database. This integration enabled the website to handle dynamic content efficiently, ensuring robust functionality.
  • Time-Efficient Development:
    The entire process, from sketches to a fully functional prototype, was streamlined to reduce development time. Each step was strategically chosen to contribute to a faster turnaround without compromising on quality.

This systematic and efficient approach facilitated a quicker delivery of the final design and ensured that the end product was user-friendly, aesthetically appealing, and functionally sound.

VPO Wires

Redesign UI

VenParaOrlando.com now boasts a cutting-edge responsive UI, artfully blending a sleek, eye-catching layout with enhanced user-friendliness. Its adaptive design guarantees a flawless experience across various devices, making it a breeze for users to browse on desktops, tablets, or smartphones. The site's clean and modern aesthetic not only pleases the eye but also fosters an effortless understanding of content. This focus on improved usability means the website offers straightforward navigation and coherent information display, allowing visitors to explore and interact with the available rental properties effortlessly.

Before (2015)
FloridaBlue Mobile App persona image
After (2023)
FloridaBlue Mobile App persona image
FloridaBlue Mobile App persona image

Conclusion

Venparaorlando.com features a responsive UI design combining a clean and visually appealing layout and enhanced usability. The website's responsive design ensures a seamless experience across various devices, allowing users to access and navigate the site effortlessly on desktops, tablets, and mobile phones. The clean design aesthetic creates a visually pleasing interface that promotes clarity and easy content comprehension. By focusing on better usability, the website provides intuitive navigation and clear information presentation, enabling visitors to explore and engage with the rental properties effectively.

FloridaBlue Activity Flow
Next Case

N-able Salesforce Community