Sitb Client Portal

Services

  • Design
  • Development

Tech Used

  • Figma
  • Next.js
  • Supabase
  • Cloudflare

Client

Studio in the box

I developed a custom client portal admin specifically for my brand identity agency, streamlining our workflows and enhancing the way we manage client projects and branding deliverables.

Color Palette

Azure Blue

Hex: #297fff

RGB: (41, 127, 255)

Midnight Ash

Hex: #18171a

RGB: (24, 23, 26)

Deep Ink

Hex: #0a0a0a

RGB: (10, 10, 10)

Hot Pink

Hex: #ee188d

RGB: (238, 24, 141)

White

Hex: #FFFFFF

RGB: (255, 255, 255)

Notes and Bookmarks

For the notes section, we let our team create and color-code notes, edit them easily, and share them internally.

In our bookmarks section, we can add multiple images or just use the OG image from a link, and there's a little slider to browse through them. We can also share these bookmarks among the team.

Notes1
Notes2
Notes3
Notes4
Bookmark1
Bookmark2

Tasks

For tasks, we have customizable templates for each project, and each section can have as many tasks as we need. When you open a task, you can add images and place annotations to highlight specific parts—like a header or a particular section. After you’ve added annotations, they appear right in the comment section, so the team can click and jump directly to those details." That way, everything flows in order.

Plus, we also have a notes section within each task where we can add specific notes just for that task.

Task1
Task2
Task3
Task4
Task5

Shared Link

Each project can be easily shared with clients through a unique link. You have the option to add a password for security if needed, but it's not required. Once the client opens the project link, they can view everything and even leave comments or add their own annotations if they need to. It’s a simple way for clients to interact directly with the project and collaborate.

SharedLink1
SharedLink2
SharedLink3

NJ/NYC, USA

→→

Working Worldwide

→→

© since 2007