Skip to project
All projects

The administration panel for my websites

Adminkit

A client-specific panel for content and everyday website tasks.

MY ROLE
Project management, design and development
RELATED SERVICES
Web apps and business softwareWebsites
Adminkit: desktop interface, view 1

The need

Clients need to manage their websites through tools that reflect their content. The goal is a clear panel adapted to everyday tasks, supporting edits, media and enquiries without requiring familiarity with code.

The work

I handled project management, design and development of the panel used across my websites. Fields and sections follow the client’s project: content, media, enquiries and operational modules. Draft work is distinct from activating changes, while a shared structure can adapt its identity and functions to each website.

The project outcome

Dashboard, navigation, lists and editors form a unified management environment. The screenshot shows the overview and operational modules; fields, enabled services and editing autonomy are configured per client. Revisions and content checks support the journey from editing to activating changes on the website.

Inside the project

Client-specific configuration

Navigation, fields and modules are configured for the website. A shared foundation keeps operations consistent while exposing tools relevant to the client’s work.

From content to operations

The overview combines section access and module information. Media and enquiries stay connected to website work rather than becoming separate tools.

Interfaces and visual decisions

In the configuration shown, warm neutrals and a green accent separate orientation from action. A white workspace sits above deeper contextual surfaces. System typography keeps the panel familiar on each device; palette and modules can adapt to the client.

Style book

Colours, typography and rules of the project.

Colour and purpose

Warm ground#F0EEEFWorkspace background in the configuration shown
Sheet#FFFFFFWorking surface
Ink#252424Headings and controls
Grey#706D6ESecondary information
Green#007B5EActions and selections in the configuration shown
Inset#E4E2E3Inner surfaces and controls

Typography

System UI

Navigation, fields and body

Aa 0123456789

Content, in its place.

System Monospace

Technical information and metadata

Aa 0123456789

Draft → revision → publication

Composition and usage

Form follows content

A photography project needs galleries and images; a service page needs copy and blocks. The panel presents fields relevant to the task.

Surfaces with hierarchy

Ground, sheet, containers and inset controls distinguish levels without outlining every element. Navigation retains the context of the work.

An edit is a journey

Saving a draft and activating a revision are separate steps. Statuses and messages explain what has been saved and what is active.

References: project interfaces, identity and materials.

Let’s discuss your project

Tell me what you want to build or which task you want to simplify. Our first conversation helps clarify goals, priorities and the information needed for a proposal.

emanuele@cardinali.studioMessage me on WhatsApp+39 329 154 6295

Your project, in a few words.

You can get in touch while the idea is still taking shape. I will reply by email to understand the request and agree on the next step.

If you have a priority or deadline, include it. You do not need a complete brief.

The information you provide is used to respond to your enquiry.