Keeping people in context

A concept that opens File Manager and phpMyAdmin inside the hosting dashboard instead of sending you to a different app.

The problem

In Hostinger's hPanel, clicking File Manager first asks which files you want, then opens a separate app in a new tab with its own look and no sidebar. You lose the site you were working on. phpMyAdmin does the same.

How it works today and why

While exploring this, I stopped and thought: surely their design team has noticed this, so there must be a reason. Digging in, I found that both tools are open-source apps Hostinger plugs in rather than builds, so restyling them would mean maintaining their own copy of the code through every update. Running them on separate web addresses also walls them off from the rest of your account, so a security problem in one can't spread. And phpMyAdmin has far more features than a dashboard could ever rebuild. So the question became: how do I keep people in the dashboard without rebuilding these tools?

The hPanel website dashboard with the sidebar and site overview
1. Website dashboard
Everything about this site in one place.
The File Manager choice page with two cards: access files of this website, or all websites on the plan
2. Choice page Extra step
"This website" or "All websites"? An extra decision before any files appear.
The separate File Browser app: a dark interface with its own sidebar and a plain file list
3. File Browser, in a new tab Context lost
A different app with its own style. No sidebar, no site context.

The obvious fix was "just put it in the dashboard". The better question was why it isn't there already.

Looking for the constraint first changed the brief from "rebuild the file manager" to "decide what belongs in the dashboard". That's a smaller, cheaper and more believable change, and it respects the people who rely on the full tools.

Why this is a better experience

The everyday tasks move into the dashboard, and the full tools stay one click away.

The current File Browser: a separate dark app with its own sidebar and a plain file list
Before
A separate app in a new tab, with its own look and no site context.
The redesigned File Manager inside the website dashboard: a This website / All websites toggle, search, New folder, New file and Upload, and a list of files
After: this website
Files open inside the site’s dashboard, with the sidebar and breadcrumb still there.
File Manager with All websites on plan selected, listing each website folder with its size
After: all websites on the plan
One toggle switches to every site’s folder, no extra page.

The same idea for databases

phpMyAdmin is built for power users: writing SQL, changing how tables are structured, managing users and permissions. But most people who open it only want to check a table, look at a few rows or export a backup, and for that the full tool is a lot to take in.

So the dashboard gets a simpler view for those everyday jobs, in the same place and style as the rest of your site. Nothing is taken away: anyone who needs more is one click from the full phpMyAdmin, exactly as it works today.

The current phpMyAdmin: a separate app with its own grey interface, a tree of databases and a dense table of actions
Before: phpMyAdmin
Powerful, but dense, and in its own app.
Databases inside the dashboard: a database picker, tabs for Tables, SQL, Import, Export and Operations, a tables card and a row preview, with an Open full phpMyAdmin link
After: databases in the dashboard
Pick a database, see its tables, preview rows and export, right next to the rest of your site.

Next, I'd test how often people still open the full tools. If most never need to, the simpler view is doing its job.

A self-initiated concept. Not affiliated with or endorsed by Hostinger. All names and data are placeholders.