Mofarrej: Designing a High-Performance Corporate Leasing Landing Page

Jobtru: Designing an All-in-One Platform for Field Service Operations

Jobtru: Designing an All-in-One Platform for Field Service Operations

Designing a premium leasing experience for a 25,000 m² enterprise complex on Avenida Brigadeiro Luís Antônio.

Client

Mofarrej

Industry

Real-State

Role

Product Designer

Duration

30 days

Context

Mofarrej is one of São Paulo’s most traditional real estate developers. In the end of 2025, one of its corporate complexes located on Avenida Brigadeiro Luís Antônio became available for lease.

The building:

  • 25,000 m² of private area

  • Two corporate towers

  • Recently retrofitted to high standards

  • Formerly occupied by Itaú

  • Designed for large-scale corporate operations

Despite its premium infrastructure, the asset had been vacant for months.

  • There was no dedicated landing page.

  • No clear digital positioning.

  • No conversion flow.

The opportunity was clear: Turn a physical landmark into a high-performance digital product.

The Challenge

The client had previously hired a freelancer and the result did not meet expectations.

Key issues:

  • Lack of premium positioning

  • Weak narrative about infrastructure and scale

  • No structured conversion flow

  • No clear digital representation of the asset

Additionally:

  • The building relied on a QR code placed at the physical location.

  • Passersby needed immediate access to landing page.

  • The experience had to convert interest into qualified contact.

Constraints:

  • 2 days to deliver a first preview

  • 30 days for full execution

  • Mandatory use of animations and video

  • High performance requirements

The core challenge: Design a premium, conversion-focused landing page experience that matched the scale and credibility of the asset, without compromising speed or usability.

The Solution

I approached the landing page as a product designer. The strategy focused on three pillars:

Strategic Positioning

Instead of simply listing features, the narrative emphasized:

  • Infrastructure for large enterprises

  • Integrated operations capability

  • Institutional strength

  • Expansion potential

Key highlights structured for clarity:

  • 25,000 m² total private area

  • Large floor plates (~60 meters long)

  • 19–20 floors per tower

  • Full retrofit (security, HVAC, elevators, structural systems)

  • Prime Paulista region location

The message was clear: This is not just office space. It is operational infrastructure for enterprise-level companies.

Conversion-Oriented Experience

The user journey was intentionally simple:

  1. Scan QR code

  2. Instantly understand the value

  3. Explore infrastructure and location in the landing page

  4. Contact the Mofarrej team

Design decisions:

  • Strong above-the-fold positioning

  • Clear calls to action

  • Strategic repetition of CTA

  • Minimal friction contact form

  • Logical information hierarchy

Every section had a purpose:

  • Build credibility

  • Reinforce scale

  • Reduce doubt

  • Drive contact

Premium Aesthetic + Performance

The client required animations and video. The risk: Heavy visuals could damage performance.

My approach:

  • Planned animations intentionally in Figma

  • Used motion to reinforce hierarchy and sophistication

  • Collaborated closely with the front-end developer

  • Balanced media weight and loading optimization

The result:

  • 100 SEO score

  • 96 Best Practices

  • 100 Performance

  • 88 Accessibility

Premium feel. Enterprise-grade performance.

The Process

I led the project end-to-end as Product Designer, owning strategy, structure, copy, interface design, and handoff.

  1. The process began with stakeholder alignment. I conducted direct conversations with the property owners to understand expectations, positioning goals, and what had failed in the previous attempt.

  2. From there, I benchmarked high-end corporate real estate experiences to identify how premium infrastructure is communicated digitally.

  3. With the positioning defined, I structured the information architecture around enterprise decision-making logic. The narrative was built to move from credibility and scale to technical validation and finally to direct contact.

  4. I wrote the full landing page copy to ensure tone, hierarchy, and positioning were cohesive.

Given the 2-day deadline for the first preview, I prioritized rapid wireframing and strategic validation before moving into high-fidelity design. Animation planning was done in parallel with interface design to ensure feasibility and performance control from the beginning.

Throughout the 30-day execution phase, I worked side by side with the front-end developer. We refined motion behavior, optimized assets, and continuously validated loading performance to ensure that visual richness did not compromise speed.

Outcomes

The first and most immediate result was strategic positioning. The asset transitioned from having no digital presence to having a structured, premium, enterprise-ready experience aligned with the reputation of Mofarrej.

From a technical standpoint, the landing page achieved strong Lighthouse performance:

  • 100 in SEO

  • 96 in Best Practices

  • 100 in Performance

  • 88 in Accessibility

This was particularly significant given the use of animations and video-heavy sections.

From a business perspective, the page enabled a structured conversion funnel via QR code, transforming physical curiosity into qualified digital inquiries. It provided the leasing team with a clear, professional tool to support negotiations and presentations with large companies.

The project demonstrated my ability to:

  • Translate high-value physical assets into strategic digital products

  • Balance premium aesthetics with performance engineering

  • Operate effectively under tight deadlines

  • Align demanding stakeholders around a cohesive solution

The result was not just a landing page, but a positioning tool designed to support enterprise-level leasing decisions.

Check my other projects

Check my other projects

Copyright 2026 by Luiza Pagnossin

Copyright 2026 by Luiza Pagnossin

Copyright 2026 by Luiza Pagnossin

Create a free website with Framer, the website builder loved by startups, designers and agencies.