Be the Ice Sculptor

Be the Ice Sculptor

Be the Ice Sculptor Final project for Animation Bootcamp School of Motion Motion design, After Effects Overview This video was the final project for Animation Bootcamp, a course from School of Motion. The storyboards and graphics were provided, and I did the animation using all the After Effects magic I learned in the course. This project was my first attempt at a full-length animation and it was so much fun to do! For anyone looking to get a crash course in animation and motion design, I highly recommend this...
Jazz Wireless 2

Jazz Wireless 2

AgaMatrix Jazz Wireless 2 Wireless blood glucose monitor AgaMatrix Interface design, product renders Official Jazz Wireless 2 site Overview The AgaMatrix Jazz Wireless 2 is a Bluetooth® enabled blood glucose monitor that automatically syncs with the AgaMatrix Diabetes Manager app. The meter has a single button used to scroll through past readings and pair the meter with a smartphone. If the meter is paired with the supporting app, glucose results transfer automatically. My role in the project For this project, I was involved from the beginning to the end for both the meter and the supporting app. That includes initial brainstorming, early sketches, design refinement, final asset creation, testing, and marketing materials.  UI design I designed the interface while working with two main constraints: the meter’s small screen and single button.  Prototypes I built a prototype (HTML/CSS/JS) that was used for usability testing before committing to a final design.  Product renders I used Blender to create photorealistic renders of the meter for use on product packaging and marketing...
AgaMatrix Diabetes Manager

AgaMatrix Diabetes Manager

AgaMatrix Diabetes Manager iPhone app for managing diabetes. AgaMatrix App design Download the app | iPhone® | Android™ About the app The AgaMatrix Diabetes Manager is an app for people with diabetes to track their glucose, carbs, insulin, and weight all in one place. The app is currently available for the iPhone® and Android™. Learn more...
MyAgaMatrix.com

MyAgaMatrix.com

MyAgaMatrix.com Product-focused website AgaMatrix Interface design, HTML/CSS www.myagamatrix.com Overview In order to support the U.S. launch of the AgaMatrix Jazz Wireless 2 blood glucose meter, I designed and implemented a product-focused website to complement the corporate site and product branding. The initial goal for the site was to generate interest in the new meter before commercial release by highlighting key features while also demonstrating how the meter, combined with the AgaMatrix Diabetes Manager app, is part of a larger system to make life easier for people with diabetes and those who support them. Basic requirements R Fully responsive The site is designed to look good on large screens, small screens, and everything in between. R Multiple CTAs Multiple calls to action direct users to sign up to learn more about the product. R Custom forms Forms are styled to fit into the overall site design rather than using browser defaults. R Event tracking Event tracking code is used to track events such as form submissions and app downloads to help optimize future marketing...
HUD for 3D Modeling

HUD for 3D Modeling

Heads-Up Display for 3D Modeling Detailed control for character animation Walt Disney Animation Studios Maya, Processing Overview For this project my task was to brainstorm ways to improve the process of fine-grain animation. Human-like characters pose a unique challenge for 3D animators. These models have multiple joints and sections that must be able to move in a realistic manner. That means that animators need fine control over each area. While moving an arm might not sound too difficult, what about moving a finger? Or a section of a finger? Controlling different facial muscles requires even more detail. And what if you’re facing the right side of the model but you want to move the left arm without having to rotate the model? 2D methods One common practice for detailed animation is to map sections of the 3D model onto a 2D representation. To select an area, animators move to the 2D representation in another window, click on the part they want to move, then return to the 3D model where the section is now selected. Although this method works, it’s not ideal. To improve the 2D method, I proposed a 2D window housed within the same space as the 3D model. Making the 2D representation partially transparent allows the 3D model to remain visible in the background. In addition, a simple key stroke toggles the two models between foreground and background. Direct manipulation The idea behind direct manipulation is that detailed animation should be possible by directly moving the 3D model. After speaking with animators, riggers, and character modelers, I gained an understanding of the types of gestures that...