CASE STUDY · 06 / CORPORATE SITE

Creative Agency Site

DesignDevelopmentInteractionAdmin panel

Esistenze.A dark, animated agency storefront with private proposal pages for clients.

Esistenze’s site, rewritten by us in Next.js, brings together an animated hero, a light that follows the cursor, service cards, a panel-managed blog and proposal pages opened for clients by link.

See the screens →Read the brief ↓

Client

Esistenzeesistenze.com

Sector

Creative agencyCompanies looking for web, e-commerce, brand

Scope

Design + DevelopmentDesign, Development, Interaction, Admin panel

Started

January 2026Live

Output

Responsive webTurkish

01 - Live Mockup · Desktop

5 screens. One design language.

Pick a page from the list on the left, then scroll the design yourself on the MacBook screen on the right. You’re in full control.

Scroll to explore

Live Previewesistenze.com/

Home00%

02 - Live Mockup · Mobile

4 screens, in your pocket.

4 mobile screens, designed for 360-428 px viewports. You can scroll inside the centered phone yourself; click the side phones to bring them to the center.

01 · Brief

The agency’s own storefront.

Esistenze builds websites, e-commerce and mobile apps, and runs Google Ads, digital marketing and brand work. Its previous site ran on an old cPanel hosting setup.

The need

An agency’s site is the first sample of its work; motion, typography and speed all have to be right. Proposals for clients also needed to move out of email attachments onto pages of their own.

Goal

Build a dark, animated agency storefront, manage the blog and messages from a panel and present proposals through client-specific links.

Approach

A rewrite in Next.js: a dark theme with a red accent, scroll-driven motion and an admin panel protected by Supabase Auth.

Solution

A seven-slide hero, a menu that turns to frosted glass on scroll, a cursor-following light and growing background words, six service cards, a contact form that saves to the database, a categorised blog and token-protected proposal pages.

Outcome

Live at esistenze.com; the blog, categories and messages are managed from the admin panel.

Services

Web, e-commerce, mobile, ads, marketing, brand

Hero slides

Rotating every five seconds

Private proposal pages

Opened for clients by link

Blog categories

Marketing, design, web

02 · What we built

6 building blocks, one site.

The agency’s own site: a dark, animated storefront, service cards, a blog fed from an admin panel and private proposal pages opened for clients by link.

◈

Rotating hero

Seven images and slogans change every five seconds; on desktop, arrows or bars jump to any slide.

⊞

Frosted menu

On scroll the top menu turns semi-transparent and blurred; mobile gets a full-screen menu.

◐

Cursor-following light

A red light follows the cursor through the sections; large background words grow as you scroll.

◆

Pop-up contact form

The “Bİ’ KAHVE?” button opens a form asking for name, email, phone, service and message; messages land in the panel.

◉

Admin panel and blog

Blog posts, categories and incoming messages are managed from a panel protected by Supabase Auth.

◇

Private proposal pages

Proposals are presented on separate, token-protected pages that open for the client by link.

03 · Method & stack

Which method, which tools?

Left: how we ran the project. Right: the technologies read from the project’s own dependency list.

/01
Identity and content structure
Strategy
/02
Dark theme and interaction design
UI
/03
Motion and scroll effects
Frontend
/04
Admin panel and proposal pages
Flow
/05
Migration from old hosting
Launch

/06
Next.js
Framework
/07
React
UI
/08
TypeScript
Language
/09
Tailwind CSS
Styling
/10
Supabase
Data + Auth

ESISTENZE

The next project could be yours

Let’s build a site like this for your brand.

Your sector, catalog and customers are different; the method stays the same. Write to us and let’s talk about your project.

Message us on WhatsApp →Other work →

← All Work

CASE STUDY · 06 / CORPORATE SITE

Creative Agency Site

DesignDevelopmentInteractionAdmin panel

Esistenze.A dark, animated agency storefront with private proposal pages for clients.

See the screens →Read the brief ↓

Client

Esistenzeesistenze.com

Sector

Creative agencyCompanies looking for web, e-commerce, brand

Scope

Design + DevelopmentDesign, Development, Interaction, Admin panel

Started

January 2026Live

Output

Responsive webTurkish

01 - Live Mockup · Desktop

5 screens. One design language.

Pick a page from the list on the left, then scroll the design yourself on the MacBook screen on the right. You’re in full control.

Scroll to explore

Live Previewesistenze.com/

Home00%

02 - Live Mockup · Mobile

4 screens, in your pocket.

4 mobile screens, designed for 360-428 px viewports. You can scroll inside the centered phone yourself; click the side phones to bring them to the center.

01 · Brief

The agency’s own storefront.

Esistenze builds websites, e-commerce and mobile apps, and runs Google Ads, digital marketing and brand work. Its previous site ran on an old cPanel hosting setup.

The need

An agency’s site is the first sample of its work; motion, typography and speed all have to be right. Proposals for clients also needed to move out of email attachments onto pages of their own.

Goal

Build a dark, animated agency storefront, manage the blog and messages from a panel and present proposals through client-specific links.

Approach

A rewrite in Next.js: a dark theme with a red accent, scroll-driven motion and an admin panel protected by Supabase Auth.

Solution

Outcome

Live at esistenze.com; the blog, categories and messages are managed from the admin panel.

Services

Web, e-commerce, mobile, ads, marketing, brand

Hero slides

Rotating every five seconds

Private proposal pages

Opened for clients by link

Blog categories

Marketing, design, web

02 · What we built

6 building blocks, one site.

The agency’s own site: a dark, animated storefront, service cards, a blog fed from an admin panel and private proposal pages opened for clients by link.

◈

Rotating hero

Seven images and slogans change every five seconds; on desktop, arrows or bars jump to any slide.

⊞

Frosted menu

On scroll the top menu turns semi-transparent and blurred; mobile gets a full-screen menu.

◐

Cursor-following light

A red light follows the cursor through the sections; large background words grow as you scroll.

◆

Pop-up contact form

The “Bİ’ KAHVE?” button opens a form asking for name, email, phone, service and message; messages land in the panel.

◉

Admin panel and blog

Blog posts, categories and incoming messages are managed from a panel protected by Supabase Auth.

◇

Private proposal pages

Proposals are presented on separate, token-protected pages that open for the client by link.

03 · Method & stack

Which method, which tools?

Left: how we ran the project. Right: the technologies read from the project’s own dependency list.

/01
Identity and content structure
Strategy
/02
Dark theme and interaction design
UI
/03
Motion and scroll effects
Frontend
/04
Admin panel and proposal pages
Flow
/05
Migration from old hosting
Launch

/06
Next.js
Framework
/07
React
UI
/08
TypeScript
Language
/09
Tailwind CSS
Styling
/10
Supabase
Data + Auth

ESISTENZE

The next project could be yours

Let’s build a site like this for your brand.

Your sector, catalog and customers are different; the method stays the same. Write to us and let’s talk about your project.

Message us on WhatsApp →Other work →