Original / AI draft
Beforeskillspire / original AI homepage
Scroll within preview ↕
Uncited ramp-up claims, borrowed standards and keystroke-level grading.
Brand judgment // SkillSpire
From microVM specs to a rehearsal.
The draft sold sandboxes, ramp-up metrics and HR integrations. The redesign speaks to the engineer who will one day be paged at 2 a.m. with nobody to ask, and lets them practise that night first.
FICTIONAL BRANDUNEDITED AI DRAFTNO MEASURED UPLIFT CLAIMED
01 / ORIGINALInfrastructure first.
MicroVMs, learning-record sync and a ramp-up statistic.
02 / REIMAGINEDSafe to be wrong.
A playable outage, free hints, blameless debriefs and managers who see practice, not scores.
AFTER THEME DESIGNED BYReBrandMyAI Studio ↗FICTIONAL CONCEPT · NO MEASURED UPLIFTThe comparison
Same imagined product.
A different reason to believe.
Both pages are live and rendered at full desktop width. Scroll inside each preview, switch views, or open either page on its own.
Open original ↗
Human-directed redesign
Afterskillspire / the After
Scroll within preview ↕
A playful, primary-colour drill room where asking for help is always free.
Previews are scaled from a 1440px desktop layout so you see the full composition. Open either page for full size and mobile behaviour.
LOVE THE AFTER?Make the design your starting point.
Get the SkillSpire theme ↗See every page of the SkillSpire theme, what the package includes and how licensing will work.
The diagnosis
What the first draft got wrong.
Each of these is quoted from the Before page above. None of them would stop the draft looking finished. All of them would cost it trust with the buyer it was written for.
A metric with no study behind it.
“3 Weeks average senior engineer ramp-up time (down from 90 days)”.
A before-and-after figure for a fictional product invites the one question it cannot answer.
A standard that does not certify this.
“Assurance Standard: IEEE 1484.1” beside “SOC 2 Type II Audited”.
Borrowed standards decorate the page. An informed buyer will notice what they actually cover.
Built for the buyer, not the learner.
“xAPI Statement: Published to Degreed LXP & Workday”.
Leading with HR plumbing tells engineers their practice is reported upward, the opposite of a safe place to fail.
Surveillance framed as a feature.
An automated “14/14 Checks Passed” scorecard with memory diffs.
Grading every step discourages the experimentation the product exists to encourage.
The judgment layer
What human judgment changed.
The difference is not a score improvement we have measured. It is a clearer strategy you can examine, challenge and test.
From capability to confidence.
“Your engineers don’t need another video course” became “Make your first outage a rehearsal.” The fear is the first real incident; the promise is meeting it early.
From terminal to game night.
Primary colours, a spinnable Wheel of Misfortune and heavy display type make incident practice something a team wants to play.
From grading to safety.
Hints are free, there is no stopwatch on typing, debriefs are blameless, and managers see readiness rather than individual scores.
Inside the After
Not a mockup.
A working homepage.
Every interaction below runs in the After theme today. All content is fictional and written to be replaced with yours.
Playable outage drill
“The checkout that got slow”, where every action costs simulated minutes.
Wheel of Misfortune
A spinnable wheel that picks the next practice incident.
Safe-to-be-wrong rules
Four principles that make practice psychologically safe.
Postmortem library
Past incidents reframed as future drills.
Manager view
What managers see beside what they never see.
Keep exploring
More transformations.
Eleven fictional design concepts, distinct sectors, one standard of human judgment.