I love movement in design, and I'm always pushing myself to hone this craft. I’ve created several UI motion studies, POCs, and Interactive Prototypes over the last few years at work. First in line is a short reel demonstrating a bit of my mograph capability and style. I used some of my original concepts edited to music. Go fullscreen and use headphones for the best experience.

Tools used: After Effects, Cinema 4D, Premiere Pro

I've always liked the animated Netflix bumper and wondered how it was made. I challenged myself to recreate it completely from scratch using Cinema 4D Lite. It was more difficult to nail down than I expected, but it was a good learning experience. Obviously, I changed the letters, but I also tried to technically improve on the original design, sound and animation. Only a keen eye and ear will probably notice the subtle changes.

Selected motion studies, demos, and walk-throughs (more coming soon)...

PayScale SSO - UX / UI / Motion Design - All work by me, using Sketch and After Effects.
Using my approved style direction and UI design, I animated this brief "happy path" motion study. The goal was to demonstrate look and feel for interactions and states within the log-in flow. This work was successfully used to get buy-in of all stakeholders ranging from the Senior VP of Marketing to the Director of Software Development. Learn more about this project.

PayScale Merit Matrix - UX / UI / Motion Design - I used Sketch and After Effects.
Learn more about this project.

Nu Skin Motion Studies / POC - UX / UI / Motion Design - All work by me, using Sketch and After Effects.
Learn more about this project.

Bell WavesBell Waves
NAV2NAV2
NS-BrandBuilder-RC-QuizTemplate-WordList-375-motion01NS-BrandBuilder-RC-QuizTemplate-WordList-375-motion01
See more of my motion work at vimeo.com
[unex_ce_button id="content_3iajd5vp5" button_text_color="#ff0077" button_font="regular" button_font_size="28px" button_width="auto" button_alignment="center" button_text_spacing="0" button_bg_color="#210010" button_padding="14px 50px 17px 50px" button_border_width="3px" button_border_color="#000000" button_border_radius="4px" button_text_hover_color="#ff0077" button_text_spacing_hover="0px" button_bg_hover_color="#210010" button_border_hover_color="#ff0077" button_link="https://vimeo.com/ryancourt" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]See more of my motion work at vimeo.com[/ce_button]

Have a question or comment?

ryan@ryan-court.com

SEMPLICE BUTTON
[unex_ce_button id="content_uknc8y0ia" button_text_color="#000000" button_font="semibold" button_font_size="15px" button_width="full_width" button_alignment="center" button_text_spacing="" button_bg_color="#000000" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#000000" button_text_spacing_hover="" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="https://dev.ryan-court.com/wordpress/project/find-my-seattle" button_link_type="url" button_link_target="_blank" has_container="" in_column=""][/ce_button]