Opens in a new tab

Frontend Engineering · 75–100 min

Build an accessible orientation card

Experience the gap between a screen that looks right and one that works well.

Start the experiment

01 · Setup

What you need

  • Basic HTML, CSS and JavaScript.

You may stop when the timebox ends. An incomplete result is still useful evidence.

02 · Task

The work sequence

  1. 01

    Build a responsive career card from a simple sketch.

  2. 02

    Add a details reveal that works with keyboard and touch.

  3. 03

    Test at 390 px and 1024 px; fix wrapping and focus order.

  4. 04

    Ask one person to use it without coaching; improve one point of confusion.

03 · Pay attention

Watch your reaction, not only the output

  • Did visual polish or interaction debugging energize you more?
  • Did feedback feel useful?

Plot twist

Difficulty does not mean the career is a bad fit. The useful question is whether curiosity returned after the difficulty.

04 · Reflect

Three honest questions

01

Would you voluntarily spend another five hours on this kind of problem? Why?

02

Which part gave you energy, and which part drained it?

03

What evidence—not a salary video—would you gather before choosing this path?

This site does not save your answers. Put them in your own notebook if useful.

05 · Where to go next

Enjoyed it or disliked it—both results are useful.