Skip to content
DecodeYourTeen
Behind the campaign

You just used
our portfolio.

Everything you've clicked through — the strategy, the writing, the design system, the build — is the work of Pro-Solutions. We made it to show what we do rather than describe it.

62

dictionary entries, one source

10

question quiz, no signup

100%

share cards generated at build

0

external UI dependencies

The content, visualised

One sentence, four gaps.

The clearest way to show what this site does is to take a real message apart. This figure is the product in one screen.

Anatomy of one message

Four slang words. One of them is a request for help.

nah that test was actually cooked, lowkey might crash out fr

A message reading “nah that test was actually cooked, lowkey might crash out fr”, with four slang terms marked and explained in the list below.
  1. cookedIt went badly. Not “I'm tired” — “I've failed.”
  2. lowkeyA volume dial. It means “more than I'm admitting.”
  3. crash outworth acting onTo lose composure completely. This is the one that matters.
  4. frFor real. He isn't joking.

Translated: “That exam went badly and I'm closer to my limit than I'm letting on.”

What the dictionary covers

62 terms, by topic and who uses them.

  • Gen Z
  • Gen Alpha
  • Both
  • Friends & Drama15
  • Everyday12
  • Reactions12
  • Looks & Status11
  • Gaming & Online6
  • Brainrot6

Counted from the published dictionary, not from research. It describes what we cover — not how common these words are in the wild.

Four decisions that shaped it.

01Strategy

Found the gap before writing a line of code

The category is saturated with “99 slang terms” listicles — all static, all identical, all optimised for search rather than people. Nobody had built the interactive version, and nobody was answering the question parents actually have. That gap set the entire product.

02Product

Made the share the mechanic, not an afterthought

The quiz ends on a result page whose address is its own share asset — every score renders a bespoke preview image on the fly. Pasted into a parent WhatsApp group it unfurls as a designed card, not a bare link. Distribution is built into the architecture.

03Content

Wrote one source that feeds three surfaces

All 62 terms live in a single typed dataset. That one file renders the web pages, the link previews, and ready-to-post 1080×1080 social cards. Write a term once, publish it everywhere.

04Craft

Earned trust on the page that mattered

The safety section could easily have been fear-bait — it converts well. Instead every entry is factual, paired with a concrete next step, and framed by a note saying that seeing these words is not evidence anything is wrong. Restraint is a design decision.

What we do

The same thinking, pointed at your product.

Product & UX strategy

Positioning, user research, information architecture, and the hard prioritisation calls before anything gets designed.

UI design & design systems

Interfaces with a point of view, built on tokens and components your team can actually extend without them falling apart.

Design-led engineering

Next.js and React builds where the person designing it also ships it — so nothing is lost in the handoff, because there isn't one.

Campaign sites that convert

Launch experiences engineered for sharing and measurement, not brochures with a form bolted to the bottom.

Fadi N. Zahhar

Fadi N. Zahhar

Founder & UX/UI Consultant · Pro-Solutions

I work with teams that have something worth explaining and no clear way to explain it. That usually means research and positioning first, then design, then a build that survives contact with real users — handled end to end rather than passed between three suppliers.

This campaign is a small proof of that: strategy through to production deployment, in two languages, by one person.