Status
Loading...naman.portfolio / booting
Projects/Softly
Digital space · Interaction · 2025

Softly

Designing a digital space that does not compete for attention.

Read the story
01 / Project overview

Start with
the context.

Softly is a speculative web experience for slow, intentional moments. It explores how pacing, motion, typography and restraint can create a digital environment that feels present without becoming demanding.

Many digital products equate engagement with urgency: louder prompts, faster loops and more reasons to return. Softly began with the opposite question—what would an interface feel like if it respected attention as something finite?

My role
Interaction designer & creative developer
Timeline
Independent exploration · 2025
Team
Independent project
Methods
Pattern critique · Mood prototyping · Motion studies · Interaction iteration
Tools
Figma · Motion · HTML/CSS · Creative coding
02 / Exploration & discovery

Look before
making.

Instead of researching another feature set, I reviewed the behaviours that make interfaces feel demanding: persistent badges, abrupt transitions, infinite feeds and copy that manufactures urgency. Each pattern suggested an opportunity for a quieter alternative.

01

Pace communicates values

A transition is not neutral. Speed, easing and interruption tell users whether a product values momentum, reflection or compulsion.

02

Empty space can hold meaning

Space became an active part of the interface, helping one thought arrive before the next one asks for attention.

03

Calm still needs direction

Removing visual pressure can also remove clarity. Quiet interfaces need strong hierarchy and intentional affordances.

03 / UX design process

From signals
to a system.

The process moved from abstract questions to increasingly tangible decisions. Each round had one job: expose what was unclear before adding more fidelity.

  1. 01

    Remove the urgency

    I stripped the experience back to one action and one idea at a time, removing loops and prompts that existed only to prolong attention.

  2. 02

    Prototype the rhythm

    Motion studies compared timing, pause and easing to find a pace that felt deliberate without becoming frustrating.

  3. 03

    Restore the cues

    Subtle signifiers, focus states and typographic hierarchy were added where minimalism had made the interaction ambiguous.

Decision log

Not just what changed—why it changed.

Motion

Use animation as punctuation

Movement marks a change in thought or state; it never plays simply to keep the page busy.

Content

One moment at a time

The experience avoids stacking competing calls to action, allowing each screen to communicate one clear intention.

Access

Respect reduced motion

The core experience remains understandable when movement is reduced or removed.

04 / Final design

The idea,
made tangible.

The resulting experience is sparse but not empty. Soft transitions, measured type and focused interactions create a web space that invites attention rather than capturing it.

Intentional pacing

Transitions give content time to settle while keeping navigation responsive.

Focused composition

Each view has a single visual centre, reducing the need to scan for the next action.

Gentle feedback

Hover, focus and state changes remain clear without sudden jumps or celebratory noise.

Motion with an off switch

The interface preserves hierarchy and meaning for people who prefer reduced motion.

05 / Impact

What moved
forward.

As a speculative interaction study, Softly is less a claim that every product should be slow and more a working demonstration that calm can be designed deliberately.

  • 01Established a reusable set of calm-motion principles.
  • 02Demonstrated that restraint can coexist with clear interaction feedback.
  • 03Created a visual and behavioural language for future attention-conscious products.
06 / Learnings

Keep the lesson.
Lose the ego.

01Minimalism is not automatically humane; removing too much can transfer effort back to the user.

02Good motion has a reason, a destination and a respectful duration.

03A future study should compare perceived calm with task completion so the experience remains useful as well as atmospheric.

Not every interface needs to ask for more of you.
Next case studyXR / Spatial Studies