Playbook
The ServiceNow Portal Playbook
A step-by-step guide to designing and building an employee or customer portal on ServiceNow — from the first discovery workshop to go-live and beyond.
For platform owners, architects, developers and designers starting a new portal, or rescuing one that people avoid.
Discover
Understand who the portal is for, what they need to get done, and how you will know it worked.
What you'll have at the end
- Clear goals everyone agrees on
- A ranked list of the tasks people actually need
- An honest picture of what exists today
-
1.1
Define the goal and how you'll measure it
Write down the problem the portal solves in one sentence — for example one front door for IT, HR and facilities requests.
Then pick three to five measures you can track from day one:
- Share of requests raised through the portal instead of email or phone
- Self-service rate (issues solved by an article, with no ticket)
- Time from request to fulfilment
- Satisfaction score after each request
-
1.2
Find your users and their top tasks
List the groups who will use the portal — employees, managers, new joiners, customers — and what each needs most.
Don't guess the top tasks: pull them from data. Look at the most-requested catalog items, the most common incident categories, top knowledge searches and the reasons people call the service desk. Rank the top 20; they become your homepage and navigation.
-
1.3
Audit what exists today
Inventory current portals, catalog items, knowledge bases and intranet pages. For each, note whether it's used, who owns it and whether it's still accurate.
Also record your instance version, the applications and plugins you're licensed for, and any customisations that will need to move.
-
1.4
Agree scope with stakeholders
Run a short workshop with every department that will publish into the portal (IT, HR, facilities, communications). Agree what's in the first release, who owns each area, and who signs off.
Deliverables
- Goals and success measures
- User groups and ranked top-20 tasks
- Current-state audit
- Stakeholder and ownership map
Choose your approach
Pick the right foundation and delivery setup before you build anything.
What you'll have at the end
- A documented portal approach
- Licences and plugins confirmed
- A small first release (MVP) you can ship
-
2.1
Employee Center, Service Portal or customer portal?
Employee Center is ServiceNow's ready-made employee portal. It's built on Service Portal and brings topics, content publishing and a single experience across departments. Start here for an employee portal.
Service Portal gives you a blank framework of pages, widgets and themes — the right choice for highly custom or non-employee portals.
Customer Service Management includes its own customer portal; use it if you're serving external customers on CSM.
Whichever you pick, configure what's included before writing custom code.
-
2.2
Confirm licences and plugins
Check which applications you're licensed for (for example ITSM, HR Service Delivery, CSM) and which portal features they unlock. Activate any plugins in a development instance first and review what they add.
-
2.3
Set up for clean delivery
Create a scoped application for your custom work, connect source control if you can, and agree how changes move from development to test to production. Agree naming conventions for pages, widgets and themes so the build stays tidy.
-
2.4
Plan a small first release
Choose the smallest release that covers the top tasks from discovery — often the homepage, search, 10–20 catalog items, key articles and My requests. Put everything else on a roadmap.
Deliverables
- Approach decision record
- Licence and plugin checklist
- First-release scope
- Release roadmap
Information architecture
Organise everything around how people think — not around your org chart.
What you'll have at the end
- Topics people understand at a glance
- A cleaner, smaller catalog
- Search that finds the right thing
-
3.1
Build the topic structure
Group content into topics named the way users talk: Pay & benefits, Laptops & phones, Travel, rather than department names. Test your draft with a quick card sort or tree test with five to ten real users.
In Employee Center, topics are managed with the taxonomy tools; in Service Portal, they usually become categories and navigation menus.
-
3.2
Clean up the catalog
Merge duplicate items, retire ones nobody uses, and rename the rest as tasks: Request a new laptop rather than Hardware – Laptop – Standard. Keep forms short and ask only what fulfilment really needs.
-
3.3
Plan knowledge content
Decide on article templates, owners and review dates. Map your most-needed articles to topics so every topic page answers common questions before people raise a ticket.
-
3.4
Design search
Configure search sources (catalog, knowledge, other content), add synonyms for internal jargon, and promote the best result for your most common searches. Test with the real search terms you collected in discovery.
-
3.5
Map the navigation
Sketch the header menu, homepage quick links and footer. Every top-20 task should be reachable in two clicks or one search.
Deliverables
- Topic tree
- Catalog clean-up list
- Knowledge plan
- Search configuration notes
- Navigation map
Design
Wireframe the key journeys, then build a small design system you can reuse everywhere.
What you'll have at the end
- Tested wireframes for key pages
- A portal theme based on your brand
- Accessibility built in from the start
-
4.1
Sketch the key journeys
Wireframe the homepage, a topic page, a catalog request, My requests, search results and a knowledge article. Keep them low-detail and test them with five users — you'll find most problems early.
-
4.2
Turn your brand into a theme
Bring in brand colours, typography and logo, then define a small set of design tokens: colours, spacing, corner radius, shadows. In Service Portal these map to theme variables and shared CSS, so every widget looks consistent.
-
4.3
Design reusable components
Define the building blocks once — cards, buttons, form fields, alerts, empty states — and reuse them across pages instead of styling each widget separately.
-
4.4
Make it accessible and mobile-friendly
Aim for WCAG 2.1 AA: enough colour contrast, visible focus, labels on every field and full keyboard support. Design for phones first; many people will raise requests from one.
-
4.5
Write in plain language
Agree a simple voice: short sentences, everyday words, no internal acronyms. Apply it to page titles, item names and help text.
Deliverables
- Wireframes and test notes
- Design tokens and UI kit
- Accessibility checklist
- Content style guide
Build
Configure first, extend second, customise last.
What you'll have at the end
- A working portal in development
- A small library of reusable widgets
- Requests that flow end to end
-
5.1
Set up the portal foundation
Create (or configure) the portal record, its URL, theme, header and footer, homepage and login experience. For Employee Center, start from its configuration rather than building pages from scratch.
-
5.2
Build pages from what's included
Lay out pages with containers, rows and columns in the page designer, and use included widgets wherever they fit. Every widget you don't write is one you don't maintain.
-
5.3
Write custom widgets carefully
When you do need a custom widget, clone a similar included widget instead of editing the original, so upgrades don't overwrite your work.
- Keep server scripts lean: query only the fields and records you need
- Never hard-code record IDs; use widget options or system properties
- Put shared logic in script includes, not copied between widgets
- Expose options so content owners can reuse the widget
-
5.4
Build catalog items and flows
Create catalog items and record producers with clear variables and helpful descriptions, and automate fulfilment with Flow Designer. Send notifications at the moments users care about: submitted, approved, done.
-
5.5
Lock down who sees what
Use user criteria to control who can see each item and article, and check role-based access. Impersonate different users — an employee, a manager, a contractor — to confirm each sees the right portal.
Deliverables
- Portal configured in development
- Custom widget library
- Catalog items and flows
- Access rules documented
Test
Test like your users will — on every device, with every role.
What you'll have at the end
- Automated tests for key journeys
- Real users signed off
- Accessibility and performance checked
-
6.1
Automate the critical journeys
Use the Automated Test Framework to cover your most important catalog requests and flows, and run the suite before every release so upgrades and changes don't quietly break them.
-
6.2
Run user acceptance testing
Give real users the top tasks as scenarios and watch them work. Measure whether they succeed and how long it takes; fix what trips them up before launch.
-
6.3
Check accessibility properly
Run an automated checker, then test by hand: complete key tasks with only a keyboard, and with a screen reader such as NVDA or VoiceOver.
-
6.4
Check performance and devices
Test page load times on a normal connection, look for slow widgets, and try the portal on phones, tablets and each supported browser.
-
6.5
Review security
Confirm access rules hold for every user group and that no widget exposes data its viewer shouldn't see.
Deliverables
- Automated test suite
- UAT sign-off
- Accessibility report
- Performance and browser results
Launch & improve
Go live in steps, measure everything, and keep improving.
What you'll have at the end
- A calm, well-communicated launch
- Measures tracked from day one
- A steady rhythm of improvements
-
7.1
Get content and people ready
Publish the key articles, announcements and quick links before launch. Brief the service desk and fulfilment teams, and plan how you'll point people to the portal — email signatures, auto-replies, intranet links.
-
7.2
Go live with a checklist
Move changes to production the way you agreed, follow a cutover checklist, and smoke-test the top tasks in production straight away. Keep a short support period where the project team watches feedback closely.
-
7.3
Measure against your goals
Track the measures from discovery: portal share of requests, self-service rate, fulfilment time and satisfaction. Watch searches that return nothing and requests people start but abandon — they show you what to fix next.
-
7.4
Keep improving
Review feedback and data monthly, keep a prioritised backlog, and ship small improvements often. Set up light governance so new items and content follow the same standards as the launch.
Deliverables
- Go-live checklist
- Measures dashboard
- Improvement backlog
- Governance process
Shared openly, improved together.
This playbook grows with the community. More notes and deeper dives on each phase are on the way.