AP Properties
Website for a Belgrade real estate agencyThe problem
A Belgrade real estate agency sold through Instagram posts. Its website was a single page with its details, so buyers had nothing to browse and sellers nothing to judge it by.
What I did
Research and a design direction, the website in Figma and its build as a WordPress theme, the copy in Serbian and English, and a form that turns the agent's phone notes into a listing.
The result
A site in two languages, live since November 2026, with listings filtered by type, area, rooms, price and size. Sold properties stay on as a track record, and new listings arrive from the agent's phone.
Visit approperties.rs →
Key Features
Built for buyers looking in Belgrade and for owners who want to sell
Type, area, rooms and price, right in the home page hero.
Every listing on one page, with tabs by type, filters and sorting.
A code for each property, a full gallery, key facts, floor plans, a map and similar properties.
Viber and WhatsApp open with the listing code already written in.
A page that explains how a sale is run, from valuation to the keys.
Serbian and English, page by page and listing by listing.
A photo strip for the gallery and a call bar on the phone.
Introduction
Client and Project
About AP Properties
AP Properties is a real estate agency in Belgrade, number 818 in the Serbian register of real estate brokers. It sells apartments, houses, holiday homes and plots in Belgrade, across Serbia and abroad, and one agent runs each sale from the first viewing to the signed contract.
Its listings lived on Instagram. The website was a single page with the agency's details, so a buyer who searched for the agency found nothing to browse, and an owner looking for an agent found nothing to judge it by.
The brief was a site that works like a property portal at the scale of a one agent office: easy to search, quick to update from a phone, and clear about how the agency works.
My Responsibilities
Design, build and content
Research, design, build and content for one agency, from the first references to a live site in two languages.
References from agencies abroad, four home page directions, the sitemap.
Components, desktop and mobile layouts for every page and for the listing template.
A custom theme with the property catalogue, filters, gallery and lightbox, on free plugins only.
Copy in Serbian and English, a copy review the client did on a phone, titles, descriptions and share images for every page and listing.
What AP Properties gained
From one holding page to a website
The agency had a single page with its details, and its listings lived on Instagram. What follows is what the new site gives it, and the evidence for each, checked on the live site on 13 November 2026.
Before: one page with the agency's details. Now: 8 properties on approperties.rs, each on its own page, in Serbian and English.
Tabs for apartments, houses, holiday homes and plots; filters for area, rooms, price and size; sorting. The same search sits in the home page hero.
Every listing has a code (AP-0001 on). Viber and WhatsApp open with the code and the property already written in; phones get a call bar.
Sold properties stay on the site marked as sold, after the ones for sale: 4 for sale and 4 sold on 13 November 2026.
The agent fills one form with the facts and photos; the first three listings from it went live on 10 November 2026.
One heading per page, a title and description on every page, and share images: a listing shared on Viber shows its main photo, title and price.
A custom theme on free WordPress plugins (Elementor, ACF, Polylang).
Work with me
Need a website like this?
A site, a brand and a plan to keep it alive, for a studio, a showroom or a growing company.
Let's talkChapter 01
The brand
The agency's own mark, set for a dark site: six colors, wide Saira headings and a logo in two tones.
Style Guide
Colors and Typography
A dark ground with stone type and one warm sand accent for buttons, links and the active state, so the photographs of each property carry the color. Headings are set in Saira, light and wide, in capitals. Archivo carries the reading text, and IBM Plex Mono sets the labels, the listing codes and the facts.
Color palette
Typography
Buttons
Logo design
Logo Versions
The mark was already AP's own, so it stayed. What changed is how it sits on a dark site: the name is set in the same wide Saira as the headings, and the mark is split into two tones, gold for AP and light for Properties. It reads the same in the header, in the footer, on a phone and as the site icon.
Horizontal, the website header
The mark, gold for AP and light for Properties
On Slate, in the footer
On Night, in the phone header
The mark alone, as the site icon
Chapter 02
The website
Built the way buyers look for a home: by type, by area, by rooms and by price.
Sitemap
Site Structure
Five sections under the home page, and every page in Serbian and English. For sale is the spine: every listing with tabs by type, filters and sorting, each one ending in a listing page with similar properties. About, Sell your property and Contact sit beside it. There are no contact forms, by the client's choice: buyers call or write on Viber and WhatsApp.
- All
- Apartments
- Houses
- Holiday homes
- Plots
- Filters and sorting
- Listing
- Similar properties
- How we work
- Company details
- How a sale is run
- Contact the agent
- Phones
- Viber and WhatsApp
- Office map
- Terms
- Privacy
- Cookies
Home Page
Desktop View
The home page opens on the search: a street in Belgrade, the claim "Property in Belgrade" and four fields. Below it, the newest listings, a choice by type of property, a band for owners who want to sell, and the agency in three facts: its number in the broker register, one agent from viewing to contract, and checked paperwork. Shown here at full length, top to bottom and left to right.
Listings
For Sale, Listing Pages and More
All properties on one page. Tabs split them by type, filters narrow them by area, rooms, price, size and extras, and sorting puts the newest, the cheapest or the largest first. Sold properties stay at the end of the list, so a buyer sees what is on offer first and what the agency has already sold after it.
Each property opens on its photos: one large and two small, with the count of the rest, and a full screen viewer with thumbnails. Then the price and price per square meter, the key facts, the description, floor plans and the area on a map. The exact address is sent with the confirmed viewing. A contact box stays in view beside the text, and Viber or WhatsApp opens with the listing code already written in. Each preview scrolls through the whole page.
For sale
8 properties, 4 sold at the end
Listing page
Brvnare, Zlatibor
Photo viewer
Full screen, with thumbnails
About us
How the agency works
Sell your property
How a sale is run
Contact
Phones, Viber and WhatsApp
Responsive Design
Mobile Version
On a phone the gallery becomes a strip you swipe, with a counter and dots, and a bar at the bottom calls the agent or opens Viber. Filters use the phone's own pickers, and every page was checked at 375 and 390 pixels wide.
Home
For sale
Listing page
About us
Sell your property
Contact
Two Languages
Serbian and English
Every page and every listing exists in Serbian and in English, with its own address, title and share image. The English is written, not machine translated: a "dvoiposoban stan" is a two-and-a-half-room apartment, not a two-bedroom one.
Serbian
Home page, approperties.rs
English
Home page, approperties.rs/en
approperties.rs
Thank you!
Have a project in mind?
Let'stalk