Shopify Plus Animations

[vc_row type=”in_container” full_screen_row_position=”middle” equal_height=”yes” scene_position=”center” text_color=”dark” text_align=”left” class=”project-intro container-inner” overlay_strength=”0.3″ shape_divider_position=”bottom” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” offset=”vc_col-xs-6″][vc_column_text css_animation=”fadeInUp” el_class=”project-categories”]

Animation
Copywriting
Design

[/vc_column_text][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”2/3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” offset=”vc_col-xs-6″][vc_column_text css_animation=”fadeInUp” el_class=”project-blurb”]

Growing with Shopify Plus

Shopify Plus is Shopify’s enterprise level platform, allowing businesses of any scale to grow at the speed of their ambition.

We were tasked with forming a new series of engaging animated content pieces, to leave businesses in no doubt of the value of switching to, or scaling with, Shopify Plus.[/vc_column_text][/vc_column][/vc_row][vc_row type=”full_width_content” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” class=”project-gallery project-gallery-grid” overlay_strength=”0.3″ shape_divider_position=”bottom” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][nectar_video_lightbox link_style=”play_button_2″ nectar_play_button_color=”Extra-Color-2″ image_url=”6419″ hover_effect=”defaut” box_shadow=”none” border_radius=”none” play_button_size=”default” video_url=”https://vimeo.com/779474395″][/vc_column][vc_column centered_text=”true” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ background_image=”6388″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/2″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][nectar_video_lightbox link_style=”play_button_2″ nectar_play_button_color=”Default-Accent-Color” image_url=”6410″ hover_effect=”defaut” box_shadow=”none” border_radius=”none” play_button_size=”default” video_url=”https://vimeo.com/779474468″][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/2″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_row_inner column_margin=”default” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” column_border_width=”none” column_border_style=”solid”]

[/vc_column_inner][/vc_row_inner][vc_row_inner column_margin=”default” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/2″ tablet_width_inherit=”default” column_border_width=”none” column_border_style=”solid”]

[/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/2″ tablet_width_inherit=”default” column_border_width=”none” column_border_style=”solid”]

[/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” class=”project-text-block container-inner” overlay_strength=”0.3″ shape_divider_position=”bottom” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text css_animation=”fadeInUp”]

A considered campaign

We worked with the Shopify team to define a three-phase campaign. Phase one would speak to a pain point for enterprise level businesses, before moving to a phase two piece of content that would present a relevant Shopify Plus feature that solves the aforementioned pain point.

Finally a third piece would highlight a business that has used Shopify Plus to solve said problem, celebrating the merchant’s success first – in classic Shopify style.

[/vc_column_text][/vc_column][/vc_row][vc_row type=”full_width_content” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” class=”project-gallery project-gallery-grid” overlay_strength=”0.3″ shape_divider_position=”bottom” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/2″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_row_inner column_margin=”default” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” column_border_width=”none” column_border_style=”solid”]

[/vc_column_inner][/vc_row_inner][/vc_column][vc_column centered_text=”true” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ background_image=”6388″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/2″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”]

[/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” class=”project-text-block container-inner” overlay_strength=”0.3″ shape_divider_position=”bottom” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text css_animation=”fadeInUp”]

A slick animation that speaks to the simplicity

The intention of the design was to create simple user-friendly UI elements, highlighting the ease and accessibility of the Shopify Plus platform. A 3D element for each video brings the iconic Shopify chartreuse and cobalt into a new space.

Overall the design is minimal and sleek, reflecting the message we’re communicating, and how easy it is to run your website with Shopify Plus. The final animation is quick and smooth, using motion to transition in-time with the music, drawing focus to the key messaging.

[/vc_column_text][/vc_column][/vc_row][vc_row type=”full_width_content” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” class=”project-gallery project-gallery-grid” overlay_strength=”0.3″ shape_divider_position=”bottom” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_row_inner column_margin=”default” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” column_border_width=”none” column_border_style=”solid”]

Commerce poetry in motion

The resulting content pieces are absorbing viewing – catching and holding your attention through a combination of perfectly on-beat sound and slick motion. All without usurping the stories and messages we wanted to convey.

[/vc_column_text][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” top_padding=”10%” class=”project-call-to-action” overlay_strength=”0.3″ shape_divider_position=”bottom” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]

Like what you see?

[/vc_column_text][nectar_btn size=”medium” button_style=”regular” button_color_2=”Extra-Color-1″ icon_family=”default_arrow” url=”/start-a-project” text=”Start a project” css_animation=”none”][/vc_column][/vc_row]

Animation
Copywriting
Design

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui aperiam dignissimos omnis. Ipsa quo similique aut consectetur voluptate odit, voluptatem, facilis! Tempora omnis ad nesciunt laborum ut numquam porro ratione! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem, laborum repellat nesciunt magnam numquam. Ex consequatur voluptas quidem nam recusandae ab ullam, incidunt ea voluptatum delectus voluptatem, quisquam quas, quae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit dolore molestiae corrupti ullam molestias quas nostrum id nobis architecto obcaecati magni debitis nulla accusantium perferendis, necessitatibus at! Animi, alias, consectetur?[/vc_column_text][/vc_column][/vc_row][vc_row type=”full_width_content” full_screen_row_position=”middle” equal_height=”yes” content_placement=”middle” scene_position=”center” text_color=”light” text_align=”left” class=”project-gallery project-gallery-grid” overlay_strength=”0.3″ shape_divider_position=”bottom” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/4″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text css_animation=”none” el_class=”grid-item-text color-white” css=”.vc_custom_1557287634569{background-color: #f7577f !important;}”]

Reprehenderit dolore molestiae corrupti

[/vc_column_text][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/4″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”]

Animation still of MedicalDirector paperwork for a medical privacy software company

[/vc_column][vc_column centered_text=”true” column_padding=”no-extra-padding” column_padding_position=”all” background_color=”#000000″ background_color_opacity=”0.2″ background_hover_color_opacity=”1″ background_image=”1095″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/2″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][nectar_video_lightbox link_style=”play_button” video_url=”https://vimeo.com/239928512″][/vc_column][/vc_row][vc_row type=”full_width_content” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” class=”project-gallery project-gallery-grid” overlay_strength=”0.3″ shape_divider_position=”bottom” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/2″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_row_inner equal_height=”yes” column_margin=”none” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/2″ tablet_width_inherit=”default” column_border_width=”none” column_border_style=”solid”]

[/vc_column_inner][vc_column_inner enable_animation=”true” animation=”flip-in-vertical” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/2″ tablet_width_inherit=”default” column_border_width=”none” column_border_style=”solid” delay=”200″][vc_column_text css_animation=”none” el_class=”grid-item-text” css=”.vc_custom_1557287644308{background-color: #ffffff !important;}”]

Qui aperiam dignissimos omnis

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner column_margin=”default” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” column_border_width=”none” column_border_style=”solid”]

Video still of MedicalDirector AusDI data filter for a medical privacy software company

[/vc_column_inner][/vc_row_inner][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/2″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_row_inner column_margin=”default” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” column_border_width=”none” column_border_style=”solid”]

Animation still of MedicalDirector hospital or a medical privacy software company

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem, laborum repellat nesciunt magnam numquam. Ex consequatur voluptas quidem nam recusandae ab ullam, incidunt ea voluptatum delectus voluptatem, quisquam quas, quae.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit dolore molestiae corrupti ullam molestias quas nostrum id nobis architecto obcaecati magni debitis nulla accusantium perferendis, necessitatibus at! Animi, alias, consectetur?

[/vc_column_text][/vc_column][/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” bg_image=”1091″ bg_position=”left top” bg_repeat=”no-repeat” parallax_bg=”true” parallax_bg_speed=”fast” bg_color=”#333333″ scene_position=”center” text_color=”light” text_align=”left” top_padding=”15%” bottom_padding=”15%” class=”video-lightbox” color_overlay=”#0a0a0a” overlay_strength=”0.8″ shape_divider_position=”bottom” shape_type=””][vc_column centered_text=”true” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][nectar_video_lightbox link_style=”play_button” video_url=”https://vimeo.com/239928512″][/vc_column][/vc_row][vc_row type=”full_width_content” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” class=”project-gallery project-gallery-grid” overlay_strength=”0.3″ shape_divider_position=”bottom” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/2″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_row_inner column_margin=”default” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” column_border_width=”none” column_border_style=”solid”]

[/vc_column_inner][/vc_row_inner][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/2″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_row_inner equal_height=”yes” column_margin=”none” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/2″ tablet_width_inherit=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text css_animation=”none” el_class=”grid-item-text” css=”.vc_custom_1557287683800{background-color: #ffffff !important;}”]

Tempora omnis ad nesciunt

[/vc_column_text][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/2″ tablet_width_inherit=”default” column_border_width=”none” column_border_style=”solid”]

Animation still of the AusDI desk for MedicalDirector

[/vc_column_inner][/vc_row_inner][vc_row_inner equal_height=”yes” column_margin=”none” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/2″ tablet_width_inherit=”default” column_border_width=”none” column_border_style=”solid”]

Animation still of the AusDI home for MedicalDirector

[/vc_column_inner][vc_column_inner enable_animation=”true” animation=”flip-in-vertical” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/2″ tablet_width_inherit=”default” column_border_width=”none” column_border_style=”solid” delay=”200″][vc_column_text css_animation=”none” el_class=”grid-item-text color-white” css=”.vc_custom_1557287691250{background-color: #db6737 !important;}”]

Reprehenderit dolore molestiae corrupti

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” class=”project-call-to-action” overlay_strength=”0.3″ shape_divider_position=”bottom” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]