Skip to content

RAMS Türkiye Web Interface

A corporate website interface for the real-estate developer RAMS Türkiye: home, projects and project detail pages, in forest green and earth tones, with a lively visual language drawn from nature.

Three browser windows on dark green: the home page with the Quattro Istanbul slider in the middle, Projects on the left and the Rams City project detail page on the right.

Brief

RAMS Türkiye is the Turkish real-estate developer of the international RAMS Global group, with projects in Türkiye, Thailand and Kazakhstan across sectors from housing and offices to health, tourism and food. For the new corporate website I designed the interface of the three main pages: home, projects and project detail.

The site had two jobs: show the scale of the group and the range of its sectors at a glance, and lead a buyer smoothly from project to project, then to floor plans and contact.

Visual language

  • A palette from nature: a deep forest green as the main ground, earth tones for accents, cream for light sections. The colours belong to the same family as the green façades and trees in the architectural renders, so the site feels like a continuation of the projects’ landscaping.
  • Clouds and leaves: clouds and drifting leaves float between layers at section transitions. Images break out of their frames and headings overlap photographs, so the page reads as a scene with depth rather than flat blocks.
  • Typography: a geometric, all-caps display face for headings (SEKTÖRLER, GÜNCEL PROJELER, RAMS CITY) and widely spaced secondary lines (İstanbul, City). Body and interface text in a plain grotesque.
  • Circle and pill: navigation arrows sit in large thin-lined circles; buttons and form fields are rounded pills. The same shape language carries into the compass button and the video-call icon.

Three pages

Home. The page opens with a slider that moves between projects: a framed project image, the project name and city, a 01/08 counter and a “call me back” button that is always within reach. Sector cards scroll horizontally; the active card takes on full colour and grows while the others stay back in green. A current-projects mosaic and the about section lead to the contact area.

Projects. Projects are split into tabs by status: ongoing, upcoming, completed and all. A panel on the right filters by country and sector. A large featured card leads, followed by a three-column grid.

Project detail. It opens with a full-screen project image and a compass button designed for showing the image from different directions. A lifestyle gallery presents the project with its surroundings and everyday life. The floor plans section filters by floor number and floor-area range. The page ends with a map that places the project in the city.

Components

Status tabs, the filter panel, the floor-plan selector, the contact form, the video-call button and the circular navigation arrows all come from one system across the pages. The contact area repeats in green or earth tone depending on the page ground.

I designed the interface as a freelance project in 2022.

Applications

14
The full home page: the Quattro Istanbul slider, sector cards, Current Projects on tan, the about section and the contact area.
01 · Home — full page
The full projects page: status tabs, country and sector filter, a featured project and a three-column project grid.
02 · Projects — full page
The full project detail page: a full-screen Rams City image, a horizontal gallery, floor plans and a map.
03 · Project detail — full page

Colour palette

  • Forest green — main ground#0E4638
  • Earth — accent and secondary ground#B08C6A
  • Cream — light ground#FFFDFA
In a browser window: the Quattro Istanbul render in a thin frame on cream, a green gradient "QUATTRO" title, widely spaced "İstanbul", a 01/08 counter, a circular arrow and a "Sizi Arayalım" button.
04 · Home — project slider
A large "SEKTÖRLER" title on dark green and horizontally scrolling cards — health, shared office, food, furniture, tourism — the active card in full colour and larger, the rest tinted green.
05 · Home — Sectors
A mosaic of project images on tan, a large "GÜNCEL PROJELER" title and drifting leaf motifs.
06 · Home — Current Projects
The "about Rams Global" section over a green-toned Rams City image, with a long-arrow "Gözat" button.
07 · Home — about Rams Global
A "PROJELER" title, status tabs — Ongoing, Upcoming, Completed, All — and a country (Türkiye, Thailand, Kazakhstan) and sector filter panel on the right.
08 · Projects — status tabs and filter
Three columns of portrait project cards on dark green, names in white capitals at the foot of each card.
09 · Projects — project grid
A full-screen Rams City render, a widely spaced "RAMS CITY" title, a W-N-E-S compass button bottom right and circular arrows on both sides.
10 · Project detail — Rams City
A horizontal gallery of beach, forest, project and family photos, with a widely spaced heading across it and leaf motifs.
11 · Project detail — lifestyle gallery
"KAT PLANLARI" on tan: round numbers to pick a floor, a two-handle slider for floor area and a grid for plan cards.
12 · Project detail — floor plans
A semi-transparent info box and a round "RAMS CITY" location badge over a greyscale city map.
13 · Project detail — location
Components cut from the designs on dark green: status tabs, the "Sizi Arayalım" button, the rounded contact form, the video-call button, the floor-plan selector and the country/sector filter panel.
14 · Interface components