01 - OVERVIEW
Hi. My name's Bilal Mechairia and I'm an experience director and designer based in Washington D.C.
The case studies featured here highlight the past three years of client and personal projects. The work stands on the shoulders of four core disciplines:
Human-computer interaction (HCI)
Motion graphics / Animation
02 - BIO
A little about me - For over a decade, I've collaborated on a diverse range of digital initiatives bringing impactful experiences to every product I work on.
I'm part designer, entrepreneur, and programmer. I'm a creative thinker at heart. I believe in the power of design. I believe in the magic of a child-like curiosity and that tech can save the world. I'm an avid reader, gamer, pop-culture nerd, tinkerer, and maker of things.
I started consulting late in 2013. My first independent project was with Huge Inc. where I helped design the Audi #paidmydues campaign interactive hub.
Since then, I've designed digital experiences with the great people at: Johnson & Johnson, Samsung, eBay, Uber, and Conde-Naste, among others. My work has been featured and recognized by: Computer Arts, Apple, HOW Design, FWA Mobile, and CSSAwards. I love working on:
© Copyright 2014-2017 sharp+nimble,llc.
Homebase: Washington, D.C.
Services: UX, UI, Motion
In cooperation with Oven Bits and Conde Naste New York, we designed the hallmark iOS application for Vogue. The app went on to be the #1 Featured App on the Apple Store for three weeks in a row. Every touchpoint was optimized for iphone6+, with careful attention to beautiful interactions and transitions, mindful notifications, curated articles tailored for each Vogue reader and desktop-quality media access across the app.
Our goal was to find an overall enjoyable reading experience. For us, that meant articles that are curated for taste, articles that are easy to navigate and explore, and articles that feel dynamic. In our search, we compiled the kinds of interactions that we hoped would culminate in a best-of-breed reading experience.
Vogue readers needed unlimited access to Vogue content. We created an interface that got out of the way while offering users access to the tools and interactions they expected. With the Vogue reader in mind, the design mantra for the Vogue interface was always less is more.
Crafting compelling interactions for the advertising content meant keeping with the same high-quality design standards as the rest of the app. Each ad space featured beautiful brand messaging. The still and motion clips were treated elegantly then seamelessly integrated into the app.
The Vogue App was the #1 Featured App on the Apple Store for three weeks in a row and it continues to see success with strong engagement metrics and rave reviews from Vogue readers.
"I didn't expect this kind of animation. It adds so much to the experience." Ben Berentson. Vogue Site Director
Services: UX, UI, Motion
In cooperation with DID and the Tylenol team, we created a compelling and educational experience for Tylenol customers to choose the right pain reliever for them and their family. We designed an array of tools and content to help promote the safe use of pain relievers and compare/contrast Tylenol versus other options.
Our mission was to refresh the Tylenol.com homepage with safety and dosing as the highlight for the new homepage. We created a modified page layout and created new content throughout the section of the site.
A content strategy led by simplicity. We worked on a series of tools for tylenol customers where the mission was to turn complex and utilitarian content into a digestable digital experience.
The most comprehensive of educational tools we designed was the "Know the Diffrence" (KTD) tool. The KTD tool helps tylenol customers compare and contrast the safety of Tylenol compared to alternative OTC pain relief options (namely NSAIDs).
We created responsible and engaging educational experiences for millions. Tylenol customers now have an easy to understand educational resource they can use to make the best decisions for them and their family.
"I love the interaction you used for the "Know The Difference" tools." Tylenol Creative Director
Services: UX, UI, Dev
The SmartTV platform was one of the first of it's kind, app-based television platforms. In 2014, sharp+nimble and the Samsung innovation team embarked on creating a connected television experience for multimember households. At the core is a re-imagined setup process.
The setup process was designed to utilize each user's Facebook account. With Facebook login, we designed a setup process that takes only a minute or two to get everyone in the household setup and ready to go. We also created an expedited manual process for non-Facebook users.
We designed a comprehensive set of interactions for users to easily manage every account in the household. Once all of the users have been created, the information from each Facebook account generates personalized show lineups, app recommendations, and more.
Each household member's content is automatically generated based on their Facebook preferences and history. The smart TV social integration needed to feel seamless across the experience.
We created a prototype experience that was integrated into the primary software for Samsung Smart TV. Prototoyping allowed us to create a variety of iterations to test our hypotheses. After feedback, the best of our hypotheses were shipped to more than 100 million users.
"This is the best TV setup process I've ever seen." Samsung Innovation Director
Services: UX, UI, Motion
A self-initiated exploration. I created a collection of interface and interaction experiments meant to explore the possibilites of the kinds of interactions that inspire client work. This kind of internally-driven work allows me to flex a little creative muscle, stay fresh, and explore new techniques. See all of the work on Dribbble.
In my work, I tend to explore bringing 3d interactions and animation to a variety of experiences. Here are just a couple of examples from this study.
I think there's opportunity to create compelling mobile interactions even in a landscape of mature design patterns - looking for dynamic interactions that feel satisfying or playful or both.
Complex touch interactions are often reserved for high-end kiosk experiences. I explore this space and create unique animations for everyday interactions.
I continue to explore the impact of a variety of playful interactions, cutting-edge techniques and tools. Stay tuned to this page.
Services: Strategy, Branding, UX, UI, Web Dev
In cooperation with TSG Global, we worked to refresh the business's visual identity and create a best-of-breed enterprise telecom app.
We worked with TSG to create a dynamic visual identity. We created a multi-channel identity system that delivers voice for the brand wherever it may live. The branding guidelines provided the foundation for designing the app.
Leveraging the identity system, we created a responsive website for TSG Global. The website stood both as a marketing touchpoint for TSG and the gateway to the enterprise app.
We planned, designed, and built an enterprise app that stands as the core product offering for TSG Global customers. Customers are enabled to lookup available phone numbers, setup advanced calling features, purchase new numbers and services, and manage it all under one app.
TSG Global, a mid-sized enterprise telecom provider now has a best-of-breed visual communications system and enterprise telelcom application with rave reviews from TSG's current and prospective customers.
"sharp+nimble did a great job in delivering value for us. The new experience is incredible." TSG Chief Technology Officer
Services: Strategy, UX, UI
Mink is a culture management SAAS startup that helps retail clients evaluate their employee happiness. Working with the MINK CEO, we are re-thinking culture management. At the core of Mink is a unique survey experience that doesn't feel like business as usual.
The Mink app contains hand made illustrations that give the survey experience a unique and fresh look. Combined with the color palette, the visual presentation is a compliment to the unique interactions.
The Mink app has fresh input mechanisms that are optimized for both touch and mouse. From the smart question advancement, to the center-based grade input and binary input methods. We took classic interactions and brought them to life with impactful feedback and a lively aesthetic.
We took the boring out of surveys with custom artwork and easy to use, responsive interactions. We created an experience that sets Mink apart from it's competitors.
"This is epic, I wish I had found you earlier" - Chip Neff (Mink Owner)