Joel Beckerman

Web Design

The Challenge


This young tech startup leverages online technology and social media to serve as a bridge between students and universities. Ergo, the brand, website, and collateral work that we designed for them needed to speak to both audiences of young coeds and mature academicians. And the website had to tell their story and invite universities to partner with them.

This young tech startup leverages online technology and social media to serve as a bridge between students and universities. Ergo, the brand, website, and collateral work that we designed for them needed to speak to both audiences of young coeds and mature academicians. And the website had to tell their story and invite universities to partner with them.

image description

Who is Joel Beckerman

Award-winning composer & producer for general market brands (AT &T, ESPN, CBS, NBC) and television/entertainment (Entertainment Tonight, FX, The Super Bowl)

Author of The Sonic Book: How Sound Transforms The Way We Think, Feel & Buy, praised by Publisher's Weekly as "innovative and insightful..."

Speaker at CMJ, Fast Company, Yale University, and more; profiled in The Wall Street Journal, Inc.om and Business Insidier.

Named to Fast Company's list of 1,000 most innovative people in business.

Color Palette

Joel's target audiences are among the most sophisticated and forward-thinking individuals in the entertainment and marketing industries.

Our design direction from Joel and his team:

clean, spacious, modern, sleek.
image description

Typography

Titles

Joel Beckerman

Tagline

The hidden power of sound

Body

Hailed as "equal parts Philip Glass and Don Draper" by Details Magazine, Joel Beckerman is a pioneer of sound and music and its transformative power. He is an award-winning composer, producer, arranger as well as the founder of Man Made Music, a company specializing in Sonic Branding.

Logotype
JB

UI/UX and Site Design

With a style guide in place, we began wireframing a parallax, responsive website with gorgeous imagery to match the color palate. Presenting Joel's unique skill-set on one page required our team to represent him in three distinct sections across the site: Composer/Producer, Author & Speaker.

Sonic Boom Book

Web Design

The Challenge


While Joel was writing The Sonic Boom: How Sound Transforms The Way We Think, Feel & Buy, it became apparent that a book about sound wasn't nearly as powerful without a sonic companion. Our requirement: build a content curation platform whose shelf life could extend beyond that of the book.

Once Joel Beckerman's website was complete, MindTrust's work began on the interactive companion to Joel's book, The Sonic Boom: How Sound Transforms Thee Way We Think, Feel & Buy.

We wanted to build Sonic Boom Book's website as an offshoot to Joel's new website, but give it it's own sense of character.

The site is a content curation platform, where Joel and the Man Made Music team can bring the book to life through video examples depecting sound on YouTube. It's one thing to write about the "amazing Lyre bird," for example, but it's an entirely different experience to "hear" it's voice. Take a listen for yourself:

Designing with the End User in Mind

For the Man Made Music team, investing in Sonic Boom Book's website meant that it had to be something that could live far beyond the shelf-life of the book. In their words, they wanted something "snackable and shareable" that could have the potential to make the rounds through social media and build an fan base for interesting content related to sound.

We designed www.sonicboombook.com with the end user in mind, making it easy for users to view videos and share them on various social media sites to constantly drive traffic in both directions.

 img
 img

Building a Platform, Not Just a Website

Building requirements documents with our clients is one of the most important steps of software development. We work with our clients to ensure that as soon as we hand over the keys, they have the ability to change anything they need to change. The Sonic Boom project was no different - each component of the site had to be dynamic - and our backend development team built that logic in a systematic way on their backend of choice (which was Wordpress, in this case).

 img

Man Made Music

Web Design

The Challenge


Man Made Music recently went through a re-design of their site to make it more user-friendly, but one large problem remained: the site wasn't responsive for mobile devices.

What is responsive design, anyway? Go on any website on your computer and re-size the screen of the browser.

If you can see the images, fonts, and more adjusting to the size of the browser, the website is "responsive."

One Code Base: Managing a responsive website is easy because you don't have multiple code-bases, like you would if you had a traditional mobile site companion to go along with a desktop site

One Domain: Responsive websites are on one domain (instead of multiple, like mobile websites), which means

Searce Engine Friendly: Search engines (primarily Google) have indicated that they may penalize websites that aren't responsive in the future.

User Experience-Friendly: With a rapidly growing user base browsing websites on mobile devices, catering to the mobile user is becoming increasingly more important. For websites that require conversions - filling out contact forms and making purchases, for example - the user experience is paramount. Responsive websites make the user experience seamless across all devices so companies don't have to worry about screen sizes.

A Mobile Responsive Website

 img

Conclusion

Joel Beckerman and the Man Made Music team live and die by the creed that the human response to sound is quicker than any other stimulus - a miniscule .146 seconds. Not far behind is the reaction to site, clocking in at .189 seconds.

The moral for Joel and the Man Made Music team? While the sounds they create are undoubtedly best in class, it's just as important for all of their audiences, from prospective clients to readers of The Sonic Boom, that the visual presentation of who they are and what they do is represented in an equally compelling way.

With Joel Beckerman, Sonic Boom Book, and Man Made Music,

MindTrust has built a trifecta of stunning interfaces to house and expand the reach of their award-winning work.

“Mindtrust's ability to quickly synthesize needs and adapt on the fly, has been of particular use to our organization. I give them my highest recommendation.” Ian O'Brien - Director of Digital Marketing, Datto