We Doki Doki

http://thesoundofsilence.org/wedokidoki/#1

Cool site as a build up to a book release later this year, for The Sound of Silence – and the site I think is called We Doki Doki. See more from the designer here:

From the Designer: We Doki Doki explores a new Japanese onomatopoeic sound each month and is the collaboration between an author, an illustrator, a composer and a digital product designer.

We loved the idea of creating a looping GIF for each sound, and liked the added benefit of the experience being seamless on mobile (rather than the awkward way iOS treats video).

But clearly GIFs are inherently silent (which would be silly for such a project), so we layered the sound underneath with the Web Audio API.

We also wanted it to feel great to the touch on mobile so we used @metafizzy’s (@desandro’s) tool called Flickity. Simple, awesome win.

It’s been really enjoyable to collaborate and we’re really excited ourselves to see how it evolves.

Submitted by: Jonah Goldsaito
Twitter: @jgmakes
Role: Designer & Developer
Country: USA

1 Comment

  1. jonahgoldstein

    Awesomepants!

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

News & Articles

Looking Fast: The Art of Website Speed Perception

Looking Fast: The Art of Website Speed Perception

In the web world, technical speed and user perception matter. By improving design for a faster appearance, you boost conversions and stand out online. Speed isn’t just loading time; it’s perception.

Designing for Errors: Creating User-Friendly Contingency Plans

Designing for Errors: Creating User-Friendly Contingency Plans

Contingency Design hinges on empathy, understanding user frustration, and transforming errors into positive impressions. By embracing these principles, you enhance user experiences, retain customers, and boost revenue in the competitive digital landscap