Negotiation Platform
GAP Partnership
The Negotiation Room — Web Platform Design
Overview
A comprehensive negotiation training and performance platform for The GAP Partnership — the world's leading negotiation consultancy.
An alumni platform for GAP Partnership: profile capability, track performance and plan. It spans login, onboarding, dashboard, profiler, tracker, planning tools and team management.
Role
Lead UX/UI Designer
Platform
Responsive Web App
Client
The GAP Partnership
Tools
Sketch, InVision, Axure
Team
PM, Designer, Engineer, UX Researcher
Impact
5+
Core Platform Modules
7
Profiler Steps
14
Negotiation Skill Areas
£59K
Value Tracked per User
01 — Login & Onboarding
A premium entry point for an exclusive platform
Login
A full-bleed cinematic background with an overlaid login card — email, password, and a teal Login CTA — sets a premium tone while surfacing an in-app preview of the platform to entice new registrations.
First-time profile setup
New users are greeted by name and prompted to create their profile before accessing the platform — a clean, centred card with a single CREATE PROFILE CTA reduces friction at the critical onboarding step.
02 — Negotiation Profiler
A 7-step profiler that maps your negotiation capability
Intro & video explainer
A 7-node progress bar with avatar anchors the 25-minute flow.
Behavioural slider questions
Two opposing statements on a dial — tendencies, not binaries.
Radar chart results
14 axes plotting capability against industry average.
03 — Negotiation Tracker
Track and visualise real-world negotiation value
The Negotiation Tracker surfaces the concrete financial value users have created through their negotiations.
Total value created — £59,212 over 9 months
Average value per month — £6,481
Monthly savings breakdown with hover tooltips
Manage, edit, and delete previous negotiation results
04 — Resource Library
A 7-step profiler that maps your negotiation capability
Proposal Planner
Users set up negotiation variables for both parties in a two-column structure — "Will" and "If You" — before moving through the planning workflow.
Record of Offers
A live offer-tracking table captures US and THEM positions per variable, with Latest Offer and Previous Offers columns — colour-coded rows (red/green) signal negotiation movement at a glance.
The variable creation canvas uses a hexagonal grid — clicking an empty hex opens a wizard modal to define the variable name, TAKE/EITHER/GIVE stance, value and cost ratings, and notes. An innovative spatial approach to planning complexity.
06 — Dashboard
A personalised home base for every negotiator
Contextual sidebar
Profile, value created, capability radar and documents in one panel.
Notification carousel
Dismissable teal nudge with a direct update action.
Module navigation grid
Four tiles, one-click access to every module.
07 — Mobile, Wireframes & Design System
Responsive design, annotated wireframes and a full UI kit
08 — Workshop Feedback & Team Management
Post-workshop scoring and team negotiation capability tracking
Workshop Feedback
Post-workshop scores are presented per competency (Confidence & Knowledge, Transferable Skill Set, Displayed Enthusiasm) with a 5-star rating system and written feedback. An overall score of 4.5 is displayed prominently alongside a downloadable report option.
Team Management
Managers can view their entire team's negotiation performance in a sortable table — Name, Profiler Status (Up to Date / Due Soon / Due Now), Value Saved, Lowest Skill Area, and Highest Skill Area — with colour-coded status indicators for quick team health assessment.
Summary
Overview
The Negotiation Room: a training platform to profile capability, track results and plan.
Challenge
Alumni had no single place to assess progress or reach resources after workshops.
Solution
A 7-step profiler, value tracker, library, hex planning canvas and dashboard — up 65% engagement.
Key Results
09 — User Testing
Negotiation professional validation — testing the profiler, tracker, and planning tools
Alumni and working negotiators tested the profiler, tracker and planning canvas.
Profiler completion and credibility sessions
Seven steps narrated; radar output had to match self-perception.
Tracker comprehension testing
Nine months of pre-filled value — asked to explain it back.
Hex planning canvas usability testing
Confusing at first, then preferred over a table — shaping the wizard.
Key Outcomes
65%
more alumni engagement
Slider questions
sharper ones moved earlier
Hex canvas
needed a 'click to add' label
Radar chart
grew from 7 to 14 axes
Tracker sparkline
understood at a glance
Methodology
Design System
The Negotiation Room UI Kit
A bespoke design system built specifically for The GAP Partnership — premium dark surfaces, teal brand accents, and data-dense components designed for negotiation professionals.
Colour Palette
GAP Teal
#00BFA5
Primary CTAs, active states, tracker chart line, notification banners
GAP Dark
#1A1F2E
Sidebar, primary background, full-bleed hero sections
Card Surface
#242A3B
Dashboard module tiles, profiler cards, tracker panels
Deep Navy
#0D1226
Login full-bleed background, high-contrast sections
Data Orange
#FF7043
Alert states, due-now profiler badges, radar chart accents
Soft Yellow
#FFD54F
Due-soon indicators, moderate severity notifications
Success Green
#66BB6A
Up-to-date profiler status, tracker positive delta indicators
Off White
#E8EAF0
Primary text on dark surfaces, table headers, card headings
Typography Scale
28px / 700w
Dashboard Heading
Module section titles, page headings
20px / 600w
Card Title
Module tiles, panel headings, profiler step labels
14px / 400w
Body
Descriptions, notification text, table data rows
36px / 700w
Metric Display
Value created total (£59,212), profiler score percentages
13px / 500w
Mono Data
Offer table values, monthly figures, negotiation scores
11px / 600w
Label / Badge
Status badges (Up to Date, Due Soon), profiler step indicators
Core Components
Dashboard Module Tile
Dark tile with icon, title and descriptor.
14-Axis Radar Chart
Capability scores over an industry benchmark overlay.
Profiler Behavioural Slider
Draggable dial between opposing behaviours.
Tracker Sparkline Card
Value created, trend line and month-on-month delta.
Status Badge
Green, yellow or red pill for quick manager review.
Hex Variable Grid
Each hex is a variable; click opens the wizard.
"The Negotiation Room has become essential to our alumni — engagement is up 65%."
Dr. Michael Foster
Director, The GAP Partnership