Selected work
08 · AppsCode · Web Design
AppsCode.com
The company site that explains the whole platform in one line and gets every visitor to the right product fast.
- Products in one place
- 7Products in one place
- Line to explain them
- 1Line to explain them
- Static and fast
- HugoStatic and fast
- Designer
- Mohin Uddin
- Role
- Web Design, UX, Content Structure
- Timeline
- AppsCode · Ongoing
- Technology
- Hugo, JavaScript
appscode.com
- appscode.com (opens in a new tab)live product
- Real screensfrom the live product
- Design and UI code by me
My role
- Redesigned appscode.com (opens in a new tab), the product pages and the brand identity, and built them in Hugo.
- Redesigned between 2019 and 2022
At a glance
- 01 · The problem
Visitors arrive with one problem, not seven products.
Read the problem - 02 · The approach
One promise first, then a clear path for each problem.
See the approach - 03 · The result
One front door for the whole platform.
See the result
01 · Context
AppsCode (opens in a new tab) offers products and services across the Kubernetes stack.
- Databases (KubeDB (opens in a new tab)), backup (KubeStash (opens in a new tab), Stash (opens in a new tab)), secrets (KubeVault (opens in a new tab)), ingress (Voyager (opens in a new tab)), config (ConfigSyncer) and auth (Guard).
- Plus managed services: cloud, Kubernetes, databases and platform engineering.
02 · Challenge
Visitors arrive with one problem, not seven products.
- The site has to make the company clear in seconds.
- Then it has to hand each visitor to the right product without a detour.
03 · Thinking
One promise first, then a clear path for each problem.
- Headline: “Run Kubernetes. Your Way.”
- Navigation by intent: Products, Services, Resources, Partner, Support and Contact Sales.
- Every product gets one plain line that says what it does.
04 · Design
A hub that feels like the family it leads.
- Product menu with one line per product, so people choose by problem.
- Social proof next to the promise, before any detail.
05 · System
Shares its visual language with the product sites.
- Moving from appscode.com to kubedb.com (opens in a new tab) feels like one company.
- Same type, components and patterns as the product site system.
06 · Engineering
A static Hugo site, tuned for speed.
- Pre-built pages, no server work on each visit.
- Responsive across breakpoints, designed and maintained by me.
07 · Outcome
One front door for the whole platform.
- Live at appscode.com, linking to every product site.
08 · Reflection
A hub is mostly about what it leaves to the product sites.
- Next, I’d add a short “which product fits me” path for first-time visitors.
From the person who managed this work
“Mohin is not only a talented UI/UX engineer, but also a team player and communicator. He used various tools and methods to conduct user research, create wireframes and prototypes, test usability, and implement feedback.”