top of page

Turning More Visitors Into Clients

Redesigning Properly’s Homepage to help short-term rental pros convert more visitors with clear UX, focused design, and smart storytelling.

Case Study

From market research to campaign strategy—designing the full system to scale PMS partner lead generation.

About Properly

Properly is a B2B SaaS platform that helps short-term rental owners and managers automate turnover cleanings, schedule tasks, and ensure quality through visual checklists and remote inspections

The Problem

Despite a strong product, the lead pipeline from PMS (Property Management Software) partners was weak: only 0–3 qualified leads per PMS every 2 weeks.

Our clients didn’t understand the core value, felt unsure what Properly did, and didn’t see proof of reliability.

 Project Goal

To develop a full-funnel sales lead generation campaign, including strategy, visuals, and execution — with the goal to: Increase qualified leads from 0–3 to 15–20 per PMS every 2 weeks.

Target audience

STR property managers

Airbnb cohosts

Cleaning companies

My Role & Responsibilities

Audit & Strategy

Defined the core value proposition
Audited existing content and collaborated with the marketing lead to define clear, outcome-driven messaging that resonates with STR professionals.

UX Research & Wireframes

Analyzed user feedback and benchmarked 4 competitors (TurnoBNB, Hostaway, Hostfully, Guesty) to identify positioning blind spots and improve Properly’s clarity. Designed CTA-first wireframes to improve clarity and build trust.

UI
Design

Redesigned Properly’s landing section in Figma to align with its new brand colors (#2A999F), included real app screenshots, brand-aligned visuals, and sticky navigation—fully responsive and mobile-first.

Collaboration
& Delivery

Worked cross-functionally to bring it to life
Partnered with Product, Marketing, and Engineering to iterate quickly, ensure consistency with KPIs, and deliver final assets for implementation.

Process & Strategy

jfuser2_Top_view_of_hands_holding_a_pen_and_paper_with_a_chart__89eafcf8-31b1-4a7a-9358-52

1. Understanding the Challenge

Why aren’t qualified leads coming in?

Kicked off with a cross-functional review of Properly’s lead funnel. Combined user feedback, product walkthroughs, and competitor benchmarking to surface clarity gaps, weak CTAs, and trust blockers on the homepage.

Image_20220707_092810.heic

2. Strategic Repositioning

Reframing value through structure and story

Partnered with marketing to reshape the homepage narrative. Mapped a new hierarchy that brought product benefits forward, added social proof earlier, and emphasized actions over descriptions.

Design a clean, high-conversion wireframe for the homepage of Properly — a B2B SaaS platfo

3. Designing for Decision-Making

Clear visuals. Strong CTAs. No guesswork.

Translated strategy into a responsive design system in Figma: real screenshots, sticky CTAs, modular layout, and brand-aligned colors. Each section was crafted to reduce doubt and prompt action.

A clearer story, stronger visuals, and a layout built to turn visits into qualified leads.

Final Design: From Confusion to Conversion

1. Header Redesign

Before

The original header wasn’t effective for converting PMS professionals into leads:

  • The headline (“Simple”) was vague and didn’t communicate what Properly actually offers

  • No clear audience targeting — it was unclear if the product was for owners, cleaners, or managers

  • The hero image didn’t showcase any features or value of the platform

  • The color scheme (#0B5668) was inconsistent with the updated app branding

  • Multiple CTAs made the user path unclear and reduced focus

Group 3244 (2).png

After

The redesigned header speaks directly to the right audience and supports the lead generation goal:

  • Headline: “Streamline Your Property Management” clearly addresses the user's need

  • Subheadline: Introduces real benefits — automation, standardization, and fewer errors

  • Clear targeting: Mentions “B2B SaaS for STR Managers” to attract high-intent users

  • Visuals: Show a real feature of the app to build trust and explain value instantly

  • CTA: A single, focused “Book Your Free Demo” button directs users toward conversion

  • Visual identity: Uses Properly’s new brand color (#2A999F) to match the product and unify the experience

Frame 3244 (2).png

2. Our Services

Before

The content existed, but design and messaging didn't support comprehension or trust.

  • Overloaded with dense paragraphs and weak visual structure.

  • No real product screenshots, only stock-style images of people.

  • Typographic inconsistency made it hard to differentiate feature titles, subtitles, and descriptions.

  • Repetitive low-impact CTAs ("Learn More") lacked clarity on next steps.

  • Visually monotonous layout made all features feel the same in priority.

Group 3244 (1).png

After

Reframed to highlight real features, benefits, and usability—while making it easier to scan and act.

  • Created a modular, benefits-first layout with three side-by-side feature cards.

  • Used real product screenshots for each core feature to improve trust and clarity.

  • Added clear, specific feature titles ("Automated Scheduling", "Photo Checklists", "Real-Time Inspections").

  • Wrote short, outcome-driven descriptions to show value at a glance.

  • Strengthened visual hierarchy with clear headings, padding, and scan-friendly formatting.

  • Added purposeful CTAs aligned with user interest.

Group 3241.png

3. Building Trust & Social Proof

Before

Clients weren’t convinced of Properly’s impact — the original testimonials felt vague, impersonal, and lacked credibility.

  • Quotes were generic and unmemorable

  • No names, faces, or company roles to build trust

  • No specific outcomes or metrics mentioned

  • Layout used a slider that hid valuable proof

  • Weak connection between testimonials and conversion CTA

Group 3241 (3).png

After

We added real results and real people — transforming testimonials into powerful trust signals that reduce hesitation and drive demo sign-ups.

  • Included specific, quantifiable outcomes (e.g., “save 10+ hours/week”)

  • Added client photos, full names, and roles for authenticity

  • Highlighted hard metrics (80% fewer complaints, 90% retention)

  • Displayed testimonials side-by-side for better scanning

  • Placed strong CTA ("Book Your Free Demo") right below to capture interest

Group 3241 (2).png

4. Upsell Mobile App

After

We introduced a dedicated mobile callout to highlight app value, build trust, and increase installs across platforms.

  • Hero image with real app UI to build credibility

  • Clear benefit-driven headline and subtext (e.g., “Reduce guest issues by 80%”)

  • CTA encouraging 30-day free app trial

  • Direct download links for iOS & Android to remove friction

Group 3241 (5).png

Before

We saw an opportunity to drive mobile adoption—but the homepage made no mention of the Properly app. Visitors were unaware they could manage operations directly from their phone.

  • No visual or textual mention of the mobile app or its benefits

  • Missed chance to convert mobile-first users and younger professionals

  • Weak connection between desktop features and app capabilities

Group 3241 (8).png

Strategy, Impact, Insights, Roadmap

Outcome & Learnings

Project Timeline

  • Strategy and design approved by Marketing & Product

  • Delivered full redesign assets and documentation

  • Launch scheduled for Q3

Projected Outcomes

  • Increase from 0–3 → 15–20 qualified leads / PMS / bi-weekly

  • Higher engagement from new trial users

  • Smoother partner outreach with scalable assets

What I Learned

This project challenged me to balance storytelling, conversion goals, and scalable design systems—while collaborating cross-functionally from start to finish.

Final Note

Like many early-stage startup projects, this redesign was deprioritized due to shifting business needs—however, the full design was delivered to engineers and is ready for implementation when the timing aligns.

bottom of page