Mahan Sharifi
Theme

Zingle

My words.
In their context.

I struggled to remember English vocabulary from isolated word lists. So I designed and built Zingle: a way to learn words through content I actually wanted to understand, then carry that context into review and writing.

Zingle reading experience with the original text beside a contextual phrase explanation
READ → UNDERSTAND → SAVE → REVIEW → WRITE

01 A PERSONAL STARTING POINT

I needed my vocabulary, not another ready-made list.

Learning English meant learning words. But memorising a word on its own did not help me retain it or recognise how to use it. Many apps offered vocabulary chosen for me. Tools that let me add my own words often made that process feel too cumbersome.

I wanted to study through material that matched my interests and needs. The starting point was personal: keep the word connected to the moment it made sense, instead of copying it into another disconnected list.

THE PRODUCT QUESTIONWhat if the content I wanted to read could become the material I learned from?

02 TWO WAYS IN

Start with something worth reading.

The MVP needed a useful starting point for people who already had material, and for people who did not know what to choose yet.

ENGLISH STORIES

A starting point at the learner’s level.

Level-based English stories let someone begin without first finding and preparing their own content.

MY LIBRARY

Bring something personally relevant.

My Library lets learners add their own material. The import flow offers text, files, URLs, and audio, so the learning experience can start from content the person already cares about.

The original launch screen shows the different content inputs together, with language and level controls.
The empty state gives a direct next action before a personal library exists.

03 THE CONNECTION THAT MATTERED

Keep the sentence attached to the word.

In Read Box, a learner can read or listen, choose an unfamiliar word, and get an explanation in the context of that passage. Selecting a phrase has its own explicit explanation action. The learner can then save the item to Word Box.

The original sentence remains part of the learning item. A definition explains what a word can mean; the source sentence explains why it meant that here.

  1. Encounter a word while reading.The learner starts inside a story or their own material.
  2. Understand that use.The explanation stays beside the passage, with meaning, usage, and audio support.
  3. Save it without losing its origin.The word and its context remain connected for later study.
Reading and listening share the same piece of content.
The explanation and save action appear alongside the material that prompted the question.

04 A CONNECTED LEARNING LOOP

Recognition was only the beginning.

Saving a definition did not finish the job. Word Box keeps the learning detail available, while spaced review brings words back for recall. Write Box adds another step: working with sentences from the material.

01

Read

Encounter it in content.

02

Understand

Explain the meaning here.

03

Save

Keep word and sentence together.

04

Review

Recall, then rate the difficulty.

05

Write

Practise the sentence from memory.

Word detail brings explanation and review actions into the saved item.

In the writing flow, the learner first reads a sentence, then starts practice. The sentence is hidden while they type from memory. They can compare their attempt with the original and retry.

Before practice: the original sentence is available to read and understand.
During practice: recall comes before comparison. These are original launch screens, not a recreated interaction.

05 AN MVP WITH BOUNDARIES

Ship the learning path before expanding the inputs.

I kept the released experience focused on English stories and learners’ own content. A complete set of learning experiences for additional languages was not part of this version.

IN THE INITIAL PRODUCT

Personal content and an English starting point.

My Library, level-based English stories, contextual vocabulary support, saved words, review, and writing formed the connected experience.

LEFT FOR LATER

Video-led learning and broader language coverage.

I had not shipped the idea of pausing a YouTube video and learning directly from its subtitles. More languages also remained future work rather than a claim of complete support.

06 FROM DESIGNER TO MAKER

I owned the product decisions and the implementation.

I designed, developed, and made the product decisions for Zingle myself. The initial MVP took about three months. Working across both design and development meant I also had to decide what belonged in the first release.

The responsibility extended from the learner-facing web app to its admin dashboard. I took the experience from design through implementation and release, then responded to the problems people found.

ONE PRODUCT, CONNECTED RESPONSIBILITIESChoose the problem. Design the experience. Build it. Learn from the release.

07 THE FIRST PUBLIC LAUNCH

The first week brought people beyond my own use case.

I launched Zingle on Product Hunt without paid promotion. I recall approximately 60 signups on the first day and 100 by the end of the first week.

~60First-day signups
~100First-week signups
#13Launch-day rank I recorded

Those numbers were an early acquisition signal. They did not establish retention or prove an improvement in learning.

SOURCES & TIMING

Signup counts are approximate; the historical #13 rank is my account of launch week. The current Product Hunt listing displays #18.

08 QUESTIONS FROM OTHER LEARNERS

People asked whether their context would survive.

Public comments asked about retaining the source sentence in review, using professional material, and support for Portuguese and Turkish. Those questions helped make the product’s boundaries more explicit.

CONTEXT THROUGH REVIEW

The original sentence was part of the value.

Learners wanted saved vocabulary to remain connected to the material they had read. This reinforced the reason for linking content, saved words, and review.

LANGUAGE COVERAGE

A request was not a released feature.

Interest in more languages became input for future work. I kept that separate from the English experience already available.

People also reported product and security issues. Responding to those reports became part of the work after launch.

Read the original launch discussion ↗

09 WHAT I TOOK AWAY

A word is more useful when its context travels with it.

Zingle began with a problem I had myself. Shipping it turned that personal need into a product other people could question, use, and help improve.

The central design decision was to connect the steps. Reading supplies the context. Explanation helps with the immediate question. Saving preserves it. Review and writing give the learner a reason to return to it.

The first launch showed interest in that direction. Whether it becomes a lasting study habit needs longer-term evidence, beyond signup counts and a launch-day ranking.

ZINGLE / ORIGINAL LAUNCH SCREEN

Go somewhere

ESC TO CLOSE
THE WALL

Leave your mark.

Keyboard: focus the canvas, press Space to start or pause a stroke, and use arrow keys to draw. Press Escape to end a stroke.

DRAW WITH YOUR MOUSE OR FINGER
Ink colour

Your signature, name, and note will appear on this wall and may be removed after review.