Loading...
← Back to Overview
Client
Berg-Invest Berg-Invest logo

BERG-INVEST develops, finances, and executes construction projects β€” powered by a custom-built web application

Figma Astro React TypeScript Supabase Sass
2026
UI Design & Full-stack development

Berg-Invest Homepage - Main view of the real estate development website

Role

As the designer and full-stack developer for Berg-Invest, I designed and built a complete web application for this real estate developer. What started as a front-end website evolved into a full-fledged platform with a custom admin CMS, database backend, and authentication system β€” enabling Berg-Invest to independently manage their projects, news, and content.

Berg-Invest develops, finances, and executes new construction projects, focusing on sustainable building practices and quality construction in central locations.

🎯 What does success look like?

A successful platform for Berg-Invest means:

  • A public website that elegantly showcases their real estate projects and philosophy
  • A complete admin dashboard where the team can manage all content independently
  • Secure authentication with role-based access control for different team members
  • A robust database to manage projects, units, news, and press items
  • Responsive design and fast performance across all devices
Philosophy

Berg-Invest Project - View of a sustainable architecture project

The Berg-Invest Philosophy

BERG-INVEST develops, finances, and realizes exclusively new construction projects. They consistently choose sustainable and timeless architecture in central locations. The underlying philosophy that Berg-Invest is committed to sustainable building stems from the conviction that this leads to a better living environment, a comfortable indoor climate, and consequently, a high-quality home.

Platform

Berg-Invest Project - View of sustainable architecture and design

Design & Development

Public Website

  • Project overview with filtering by status (for sale, completed, in preparation)
  • Detailed project pages with photo galleries, unit listings, and specifications
  • News section with individual articles and RSS feed
  • Press page with PDF documents and media mentions
  • Responsive design with clean, modern aesthetics

Admin CMS & Backend

  • Supabase backend with PostgreSQL database and Row-Level Security
  • Authentication system with role-based access (super admin, admin, editor)
  • Full CRUD management for projects, units, news, and press items
  • Rich text editor (TipTap) for content creation
  • Drag-and-drop image galleries and file storage
  • Dashboard with statistics and activity overview

Technical Architecture

  • Astro 5 with server-side rendering via Vercel
  • React components for interactive admin interfaces
  • TypeScript for type-safe development
  • SEO optimization with XML sitemaps, structured data, and meta tags

Berg-Invest Backend - View of a the dashboard

Berg-Invest Backend - View of the projects

Sustainable Building Approach

β€œWe choose sustainable and timeless architecture on central locations.”

Berg-Invest’s commitment to sustainable building comes from the conviction that it leads to a better living environment, a comfortable indoor climate, and consequently, a high-quality home. This approach certainly enhances the living pleasure of their clients.

The platform I built gives Berg-Invest full control over their online presence. Through the admin dashboard, the team can manage projects, publish news, update unit availability, and upload press releases β€” all without developer intervention. The role-based access system ensures the right people have the right permissions.

β€œOur ultimate aspiration is to deliver projects we can be proud of.”

Visit Berg-Invest Website

Cookie Consent

We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. We also save your language preference. By clicking "Accept All", you consent to our use of cookies.