Let's talk
EN

Portfolio

Skyar .

A portfolio for the studio.
Architecture takes centre stage.

An architecture studio website with an opening video, a project portfolio and an admin panel for independent content updates.

Client
Skyar
Industry
Architecture
Scope
Design and frontend, Project portfolio, Payload CMS, Background video
Dom przy Polnej project page in the Skyar portfolio, with navigation and a large visualisation of a brick house surrounded by greenery
Dom przy Polnej / architecture in a green setting

Show the architecture.
Give it room to breathe.

Skyar is an architecture studio. Its website presents its projects, approach and services.

Large visualisations and a restrained layout keep the focus on the architecture. Each project has its own page with a description, gallery and project details. The homepage opens with a film showing a house and its surroundings.

  • Design and frontend
  • Project portfolio
  • Payload CMS
  • Background video
Different perspectives gallery on the Skyar website, with two large visualisations of Dom przy Polnej
Project gallery / two views of Dom przy Polnej

A new project.
No new page to code.

The Payload admin panel lets the studio update its portfolio and website content. The team adds its own material to a prepared page structure.

  1. Projects and galleries

    Descriptions, images and project information appear on a dedicated page. The project list uses the same data.

  2. Preview before publishing

    Drafts and preview let the team check a project before making it available on the website.

  3. Content editing

    Homepage copy, service descriptions and contact details can be updated in the panel, using fields that follow the page structure.

Quality in practice.
Measured in performance, too.

We tested the website with Google PageSpeed Insights for loading performance, accessibility and essential technical quality.

Desktop Tested on
All scores in the green range
Google PageSpeed Insights skyar.pl Skyar / Desktop / 17/10/2026
Original PageSpeed Insights report for Skyar, Desktop: Performance 100, Accessibility 100, Best practices 100, SEO 100.
View the report on Google

Performance

Score: 100 /100

How quickly content appears and how smoothly the website responds while loading.

Accessibility

Score: 100 /100

Whether text, controls and image descriptions help people with different needs use the website.

Best practices

Score: 100 /100

Whether the website avoids common technical issues and follows recommended web practices.

SEO

Score: 100 /100

Whether search engines can read the website and understand the essentials of its content.

Mobile Tested on
All scores in the green range
Google PageSpeed Insights skyar.pl Skyar / Mobile / 17/10/2026
Original PageSpeed Insights report for Skyar, Mobile: Performance 91, Accessibility 100, Best practices 100, SEO 100.
View the report on Google

Performance

Score: 91 /100

How quickly content appears and how smoothly the website responds while loading.

Accessibility

Score: 100 /100

Whether text, controls and image descriptions help people with different needs use the website.

Best practices

Score: 100 /100

Whether the website avoids common technical issues and follows recommended web practices.

SEO

Score: 100 /100

Whether search engines can read the website and understand the essentials of its content.

Easy to explore.
Ready for the next project.

The portfolio, studio information and contact details form a consistent website on desktop and mobile. New projects can be added in the CMS without rebuilding the site.

Project technologies

Website

Next.js
React TypeScript

Public website and project pages.

Content editing

Payload
PostgreSQL

The studio's portfolio, galleries and website content.

Have a project in mind?
Let's talk.

Need a website that presents your services and supports the day-to-day running of your business? Let's work out where to start.

Next project Bukal Szkolenia . Training catalogue

Call GeekboxApps +48 791 776 976