High-end real estate developerFlorianópolis
Quebramar Incorporadora.
Launch website for Maré Jurerê, a 24-apartment building by Quebramar Incorporadora in Jurerê Internacional. People who buy off-plan decide by floor, size, view and timeline; the site organizes everything around these four questions.
Case study
The challenge.
Real estate launch websites tend to open with a rendering and a form, leaving the information that decides the purchase to the PDF or the conversation with the broker. The award-winning foreign websites we analyzed hide registration, timeline and area. In Brazil, Law 4.591/64 and the Consumer Protection Code require the opposite: the development's registration on every piece, the timeline with the contractual grace period and accurate advertising. The site needed to turn these requirements into part of the design.
- 01 Choosing before the visitBuyers want to compare floor, size, en-suite bedrooms and view before talking to anyone at the developer.
- 02 An ad that becomes a contractUnder the Consumer Protection Code, what an ad states precisely becomes part of the contract, including sizes and timelines.
- 03 Timeline with grace periodThe delivery date always needed to appear alongside the 180-day grace period in art. 43-A of Law 4.591/64.
- 04 No sales pressure“Last units” badges and sold status pressure the decision; the brand calls for a calm, precise tone.
Flowt Method
The diagnosis.
The site answers the four questions of anyone buying off-plan (floor, size, view and timeline) and keeps the construction schedule and the delivery tolerance in view before any contact.
- First screen and value propositionOn mobile, the first screen says what it is and where: 24 apartments with 3 and 4 en-suite bedrooms in Jurerê Internacional, living rooms and balconies facing north.
- SpeedIn the opening, the largest element is the paragraph about the 24 units, and the rendering loads in multiple widths.
- Verifiable accessibilityIn the selector, each floor is a tab with arrows, Home and End, and the filter count is announced to screen readers.
- Path to the main actionMain action: joining the VIP list, which says what the person receives: floor plans in PDF, the price list when published and an invitation with a set time.
- Information per unitAll 24 units have a floor plan, private area, en-suite bedrooms, parking spaces, floor, facades, sun and the view from that height.
- Construction and timelineDelivery always appears with the 180-day grace period, the schedule marks the current stage and the expected construction start, and the site states that the project's assets are ring-fenced (patrimônio de afetação).
See the full analysis
All 13 criteria, with the evidence for each point: what meets the criterion, what partly meets it and what depends on a real company. Because the brand is a concept, there is no "before" and no total score.
Being found
Titles with neighborhood, en-suite bedrooms and size, one H1 per page, ApartmentComplex data and six FloorPlan entries on the Floor plans page, all in text. It stays partial: noindex, AI crawlers blocked and no third-party mentions.
Concept brand, no real reviews. In a real project, the developer's reputation would be measured before and after on Reclame Aqui (Brazil's consumer complaints site) and Google, as an after-sales indicator.
Being chosen
On mobile, the first screen says what it is and where: 24 apartments with 3 and 4 en-suite bedrooms in Jurerê Internacional, living rooms and balconies facing north. Floor plans and the VIP list stay in view.
6 of 6 checks
The structure is ready: the developer described through its method, two names with titles, development registration and CRECI-J marked as examples. A real company would add delivered developments, with address, date and actual registration.
Concept brand, no listing portals or sales materials to compare. Within the site, sizes, en-suite bedrooms and timeline come from a single data file, and the build stops if a text diverges.
All 24 units have a floor plan, private area, en-suite bedrooms, parking spaces, floor, facades, sun and the view from that height. Price is on request, with a way to receive the price list when it comes out.
Delivery always appears with the 180-day grace period, the schedule marks the current stage and the expected construction start, and the site states that the project's assets are ring-fenced (patrimônio de afetação).
Map drawn with OpenStreetMap data, and walking and driving distances with source and date. Since the building has no real plot, the map marks only a reference point, with no address.
Being contacted
In the opening, the largest element is the paragraph about the 24 units, and the rendering loads in multiple widths. Lab measurement, with no field data, because the site has no visits.
Lighthouse 99 on mobile · LCP 2.1 s
In the selector, each floor is a tab with arrows, Home and End, and the filter count is announced to screen readers. On mobile, the table signals that it scrolls and pins the first column.
Lighthouse 100 · axe with no violations across the 4 pages
No trackers, cookies or third-party requests. The VIP list consent cites a privacy policy the site does not have, and no analytics is installed, because it is a concept.
Main action: joining the VIP list, which says what the person receives: floor plans in PDF, the price list when published and an invitation with a set time. From a floor plan, the unit comes already filled in.
1 tap; 2 from the floor plan, with the unit filled in
The VIP list has specific consent and instant confirmation, but asks for six fields, offers no WhatsApp or phone and does not say how quickly it replies. The real response cannot be measured in a concept.
Industry obligationsLaw 4.591/64 and COFECI Resolution 1.065/2007: development registration with registry office and CRECI-J in the footer of every page, as examples, and delivery always accompanied by the 180-day grace period.
In a real project, each criterion is measured before and after, with the same yardstick and evidence for each point. There is no score: what you see is how many points remain open.
Strategy
Strategy and site map.
Every number on the site comes from a single data file, the same one that generates the fact sheet, and the site build stops if any text cites a size or timeline that is not in it. The home page follows the order of someone making the decision: the place, the project in cross-section, the interior, the common areas, the construction schedule and the developer. The Floor plans page brings together the floor selector and the table of the 24 units, linked to each other. The VIP List receives the chosen unit and says what the person will get.
01Home
- Opening and launch figures
- The place
- The project
- Inside
- Common areas
- Construction schedule
- The developer
- Call to action for the VIP List
02Floor plans
- Opening
- Unit filter
- Floor selector
- The 24 units
- Call to action for the VIP List
03VIP List
- What the person receives
- Form
- Building rendering
Visual system
Typography, color and rhythm.
Marcellus, in spaced capitals, gives the headings the feel of engraved lettering; Jost keeps tables and fact sheets readable. Deep sea, foam and sand alternate across the sections, and brass marks only what guides: buttons, label rules and the eye line in the cross-section. Figures open from a horizontal line, like a horizon, and the launch name tightens its letter spacing as it enters.
- Floor selector
- Cross-section with calculated sun
- Map on OpenStreetMap
- Unit sheet
- Regulatory footer
Signature moment
Floor selector.
The building's cross-section becomes the menu: each floor is a tab, and a brass line rises to the eye level of the people who live there. The panel shows the floor plan, the unit sheet, the apartment plan and the view from that height. The filter by en-suite bedrooms and area fades out what is not relevant, and the chosen unit goes to the VIP List with its number filled in.
On mobile
Made for the small screen.
Three screens of the site on a 390 px wide phone, the most common width today.



Receipts
Measured performance.
The scores below were measured on the published site using Google Lighthouse. They are not a promise: they record the state of the site on the measurement date. Demonstrations are presented on video. Measurements record the state of the project on the indicated date.
On mobile
- Largest visible element (LCP)
- 2.1 s
- Stability (CLS)
- 0
- Blocking (TBT)
- 0 ms
On desktop
- Largest visible element (LCP)
- 0.6 s
- Stability (CLS)
- 0
- Blocking (TBT)
- 0 ms
Measured on Oct 3, 2026 with Lighthouse 13.5.0, simulated mobile and desktop. *SEO stays below 100 on purpose: the concept site carries the noindex directive, so it does not appear on Google or compete with real businesses. Accessibility was also checked with axe (zero violations), and alignment was reviewed at 7 screen widths.
Behind the scenes
Fact sheet.
- Pages
- Home, Floor plans, VIP List and 404 page
- Languages
- Portuguese (Brazil)
- Technology
- HTML, CSS and JavaScript, no framework
- GSAP and ScrollTrigger for the reveals and the floor selector
- Single JSON data file for the site and the fact sheet, with automatic text checks
- Cross-section, 12 unit plans and site plan in SVG drawn in code
- SVG map with OpenStreetMap data and distances calculated with OSRM
- Images in AVIF and WebP, in multiple widths
- CSS and JavaScript minified with esbuild
- schema.org structured data (ApartmentComplex)
- Images
- Fifteen AI-generated renderings, all with the “illustrated rendering” label and nothing that identifies Florianópolis; the place comes in only through the map and the distances. Cross-section, plans and site plan were drawn in code.
- Accessibility
- Floors as tabs with arrows, Home and End, filter count announced to screen readers, tables with the first column pinned on mobile, reduced-motion version and zero axe violations across the four pages.
- Industry rules
- Follows Law 4.591/64 and COFECI Resolution 1.065/2007: development registration, registry office and CRECI-J (the firm's real estate license), marked as examples, in the footer of every page, and the timeline always with the 180-day grace period.
Start now
Let's bring your online presence up to the level of your service.
Start with the free diagnosis: we measure your online presence and show you, point by point, what to fix first.
Booking open for new projects
Tell us about your project
A few details are enough. We'll ask about the rest.