Keep the relationship alive.
Help owners who were drawn to the car’s looks discover the experiences it can make possible.
JimJam / Product & interaction design
A familiar car.
A whole new
way to explore.
いつもの愛車と、
A travel companion that helps Jimny owners in Japan discover places, record their journeys, and find a reason to head out again.
概要Project notesJimJam / Suzuki / Japan
From owning a Jimny
to living with one.
JimJam brings a community of owners onto one map. A place someone visits becomes an invitation for someone else to go.
- 01
Find a place.
A pin sparks an idea.
- 02
Make the trip.
Turn curiosity into a memory.
- 03
Share a record.
Inspire the next owner.
Let owners inspire owners.
Put real places, personal records, and shared interests at the centre of discovery.
Turn direction into an experience.
As one of several designers, I contributed to UX and UI decisions, information architecture, flows, wireframes, and screens.
Research and segmentation were completed by the team before my involvement. The design-system reconstruction shown later is a separate personal study after release.
課題01 / The opportunityStart with the relationship
The adventure shouldn’t
end at the purchase.
The team identified two motivations: adventure and attraction to the car’s character. JimJam sought to turn that initial attraction into an ongoing experience.
Adventure from the start.
Off-road routes, camping, and time outdoors already give ownership a purpose.
An attraction to its character.
The opportunity is to help that first attraction grow into experiences worth returning to.
The design question
How might we help owners
find their next reason to go?
A map of places visited by other owners makes the next adventure feel relevant and within reach.
体験02 / The experienceFind. Go. Remember.
Every pin is a
possible next trip.
Five navigation actions connect the product: Map, Discover, Create a record, Saved, and Profile. The map is the starting point; personal records keep the experience moving.
見つける。
出かける。
01Start with a place,
not a feed.
not a feed.
Map / 地図
A community you
can see on a map.
See activity across Japan, then move closer to explore a place through an owner’s record.
The decision & its trade-off
A feed foregrounds what is new. A map foregrounds where people go. That makes geography central, but puts more pressure on pin clarity and visual density.
Discover / 見つける
Find somewhere
that feels like you.
Twenty-two content tags combine with vehicle and personality filters to narrow the search. Results can be viewed as a list or on the map.
Two different jobs
Posting uses five categories. Searching uses a richer set of tags. Keeping them separate makes choosing a category manageable while letting discovery stay specific.
Personality / 診断
Belong before
you post.
Five questions introduce an ownership personality—a first point of connection and another way to find shared interests.
The trade-off
The quiz adds steps before the core experience. It can be skipped and revisited, so participation remains a choice.
Create a record / 記録する
Make the memory.
Keep the moment.
Start from a photo or a location. Both paths lead to one scrolling card with a place, date, category, optional photos and comment, and a public/private choice.
Two entry points. One record.
A single card avoids a sequence of form steps, but its optional fields need a clear hierarchy so posting stays approachable.
設計03 / The processMake the structure visible
Find the connections.
Then build the screens.
The case-study reconstruction makes the product’s structure visible: what belongs where, how the journeys connect, and how recurring elements become reusable components.
- 01
Architecture
Organise the five core actions.
- 02
Flows
Map paths, branches, and returns.
- 03
Wireframes
Set hierarchy before styling.
- 04
Components
Make recurring patterns reusable.
- 05
Screens
Assemble and check each state.
The current Figma collection42 screens.
42 screens.
One connected experience.
Explore ten sections, from first launch to supporting states. These are reconstructed screens; media placeholders and the proposed section remain clearly visible.
The first impression, account introduction, and terms.
探究04 / A personal study after releaseObserve. Measure. Understand.
The detail behind
the experience.
After release, I explored JimJam again through a personal reconstruction of its design system. This study uses the shipped app as a reference; its proposed accessibility changes are not changes to the live product.
3Token collections
21Component sets
44Standalone components
33Icons within that library
Typography / Noto Sans JP
次の冒険へ。
A shared language.
A distinct character.
Title 20Body 17Label 15Caption 13
The study’s accessible text styles, in points. Product screenshots retain their Japanese UI copy.
Colour / Current Figma primitives
Olive#4A6247
Cream#EEECE5
Gold#F5BB1B
Ink#2D2A26
Olive and warm neutrals ground the interface. Gold carries emphasis. Category colours have a separate role on the map.
Keep what makes it JimJam
Familiar details.
Reusable parts.
Folded button corners, card accents, and the quiz rhino preserve JimJam’s recognisable character.
Semantic tokens connect component styles; layout tokens define spacing and sizes. One change can carry across the system.
Icon construction
A lighter line.
A quieter rhythm.
Circles, arcs, and strokes share one grid. The proposed outline treatment uses lighter strokes, muted olive, and generous space.
The original comparison is available below. Illustrative marks, such as the rhino, retain their own character.
Proposed outline treatment24px grid · 1.5px stroke
Map
Discover
Create
Saved
Profile
Back
Favourite
Add place
Calendar
Add photo
Core actions & supporting controls
See the original icon comparison
Accessibility as craft
Keep the character.
Make the detail clearer.
The study explored contrast, touch areas, and category recognition. These are design measurements and proposed treatments—not evidence of improved usability or a full accessibility certification.
Give colour a second cue.
Pair category colours with glyphs so meaning does not depend on hue alone. The app already uses these glyphs elsewhere.
Separate size from hit area.
The study proposes a 44pt touch area for smaller controls. A small visual marker can remain small while its interactive region grows.
10ptvisual marker44ptproposed touch area
Dense maps also need hit-testing and overlap behaviour checked in a working prototype.
Measure the colour pair.
The source study reports the olive at 5.68:1 on cream, with a darker proposed text treatment around 7.08:1. The exact foreground and background both matter.
Reported study values. The source documentation contains token differences that need reconciliation before implementation.
Where the system stops
One journey.
More than one owner.
SUZUKI ID pages and the native photo picker belong to other systems. Those handoffs are part of the real experience, even when their appearance differs from JimJam.
The reconstruction keeps those boundaries visible. The opportunity is to make entering and returning understandable, rather than imply that every surface is controlled by the app team.
Explore the system documentation
振り返り05 / What we knowEvidence, with its limits
Activity. Feedback.
A clearer picture.
Three views of JimJam: places recorded, public feedback, and the potential audience. Read each with its source and scope in mind.
01 / ActivityEstimate
Places, made visible.
3,800–4,500
Visible map records
A nationwide recording gives a view of activity. Overlapping pins make a range more honest than a single count.
Source: supplied nationwide screen recording; sampled pin-marker count. Records do not equal individual users.
02 / FeedbackHistorical snapshot
A signal from owners.
4.3 / 5
Across iOS App Store ratings
Japan App Store figure recorded in the September 2026 project material. This is not a live rating.
03 / AudienceProject estimate
A wider world of owners.
~500,000
Jimny owners in Japan
100 dots ≈ 500,000 owners
Owner-base estimate supplied for the project. This describes the potential audience, not registered app users.
Activity is visible.
Impact needs measurement.
These snapshots show recorded places, store feedback, and audience context. Downloads, active users, retention, task success, and app speed were not measured in the supplied material. The later design study’s measurements are shown separately.
The thread through the work
A shared place can become
a personal reason to go.
The original product brings owners together through places. The later study explores how a consistent system can carry that experience into the details.
The next step is to reconcile the remaining source differences, validate the proposed interactions in a working prototype, and listen to owners using it.
Pawan Mishra / Product & UX Design
旅に、自分らしさを。