All of the most talented people in our industry seem to be using interactive prototyping tools like Quartz Composer & Facebook Origami. So you download the app, fire it up, and...have no idea what to do. The learning curve is steep, documentation poor, and the Internet is scattered with the corpses of half-completed tutorials.
The interaction on the right is one of many you'll create with this Crash Course.
This interaction is one of many you'll create with this Crash Course.
“Before we started using [Quartz Composer &] Origami, we designed using Photoshop — static mockups, arranged next to each other. We’d present them to management and each other in that format. I think our products reflected that.”
Brandon Walkin, Facebook Product Designer
When you create prototypes that can be used, manipulated and tested, you have a massive advantage over other designers who can't. Your prototypes will reflect how your customers really use your products, and that alone will improve their quality.
Not only that, but you'll be producing more creative designs. You won't have to split your energies between coding and creativity. Quartz Composer is powerful because you can see changes on the fly without having to recompile code, reload a browser window or — worse yet — wait for it to be implemented by an engineer.
Like us, you're busy and you don't have time to spend a month learning new tools. So we built a course where you can master the basics of Quartz Composer & Facebook Origami in five days (with time to spare for weekend relaxation!).
In less than an hour, you'll be creating prototypes that can be manipulated with taps and presses. And at the end of the Crash Course, you'll be able to make interactive prototyping an essential part of your design process.
This is everything we wish we had when we started learning Quartz Composer & Origami.
Through both video and optional written lessons, we'll help you every step of the way. You'll learn effective workflow from UI to interaction concept, how to use common mobile UI patches, how to build custom macro patches, how to use Origami, advanced concepts including expressions, and more.
You'll be getting almost 40 videos that walk you through each lesson in its entirety — or, just the segments on which you need extra help. That's almost two hours of video.
Our Quartz Composer compositions will get you started with all of the assets exported and pre-arranged, show you the answer when you need help, and push you harder with our Extra Credit options.
The concepts you learn here can be used for whatever product you want to build. These are real-world scenarios found around a UI we've designed for you, emphasizing the workflow and concepts.
Learn the basics of Quartz Composer & Origami for only $74. You'll more than make up for this after less than two hours of prototyping work for a client or for your product.
This course has already helped thousands of designers at companies like Apple, BitTorrent, IDEO, Google, Mozilla, Salesforce, Soundcloud, Uber and Vine learn Quartz Composer in less than a week.
Here’s what only a few customers had to say about our course:
“Chris and Scott's course was exactly what I needed to get started with Quartz Composer & Origami. It was simple enough for beginners, yet even after the first lesson I felt ready to start making my own prototypes. Now that I feel comfortable with Quartz Composer, I realize how much I've been missing out on as a designer while prototyping my work. I would recommend this course to any designer who is looking for a pivotal tool in the design process.”
“Thank you guys for doing this! Lessons are awesome. Been waiting for something like this.”
“I've been waiting for something like this to hold my hand a bit in learning Quartz Composer.”
“Great work! This course is a superb and effective learning product.”
You'll learn the basics of Quartz Composer & Origami while building a "like" interaction.
Set up an appealing “lightbox” effect on an image tap. Make it juicy!
We'll control elements of your design with “if, then” logic and create custom expressions.
Keep your workspace tidy and avoid duplicating effort by using macro patches.
Learn new interactions while learning about the power of user-defined patches.
This probably looks impossible to understand. But, after the course, you'll be able to understand and create compositions just like this — in fact, this is from one of the lessons included in the course.
Take the first day's lesson for free, right now ($15 value), with all of its videos and Quartz Composer composition files. You'll be able to build your first interactive prototype by the end of the lesson.
I’ve been involved in the creation of mobile and web apps for years, initially with mainly UI design. It was a natural next step to combine that experience with an interest in animation and get involved in more advanced interaction design. I currently create interaction concepts for all the cool stuff we’re designing at CreativeDash, working with some really neat startups. I’m always looking for new ways to prototype and export interactions.
I'm on the founding team and head of product for a yet-to-be-released mobile app backed by Kleiner Perkins. I've been designing and building products on the Web for over 15 years, consulting with dozens of startups. The products I designed and helped build have been used by over 20 million people and a number of organizations, including VICE, Dick Clark Productions, Greyson Chance, Jimmy Kimmel Live, Puma, INDMUSIC, TMZ and Disney. I've built social networks, SaaS products, e-commerce storefronts and software, marketplaces, email apps and more.