Portfolio Work

[kc_row cols_gap=”{`kc-css`:{}}” use_container=”yes” equal_height=”yes” column_align=”bottom” _id=”681531″ css_custom=”{`kc-css`:{`any`:{`box`:{`margin|`:`25px inherit inherit inherit`}}}}” force=”__empty__” video_bg_url=”__empty__” video_mute=”__empty__” parallax_image=”__empty__”][kc_column width=”50%” video_mute=”no” _id=”322923″ video_bg_url=”__empty__”][ssc_multititle tag=”h5″ type1=”span” type2=”div” type3=”div” type4=”div” type5=”div” _id=”467649″ title1=”Yellow Film” my-css=”{`kc-css`:{`any`:{`typography`:{`font-size|+.ssc_mltttl .wr`:`40px`,`font-weight|+.ssc_mltttl .wr`:`500`,`font-family|+.ssc_mltttl .wr`:`Poppins`,`text-align|+.ssc_mltttl .wr`:`left`,`text-transform|+.ssc_mltttl .wr`:`none`},`box`:{`text-align|`:`left`},`elmnt-1`:{`border-radius|.deb:before`:`50px 50px 50px 50px`,`width|.deb:before`:`40px`,`height|.deb:before`:`40px`,`margin|.deb:before`:`4px inherit inherit inherit`},`elmnt-2`:{`border-radius|.deb:after`:`20px 20px 20px 20px`,`width|.deb:after`:`8px`,`height|.deb:after`:`8px`,`margin|.deb:after`:`20px -4px inherit inherit`},`title-1`:{`font-size|.t1`:`30px`,`font-weight|.t1`:`500`,`font-style|.t1`:`normal`,`text-align|.t1`:`left`,`text-transform|.t1`:`none`},`title-2`:{`color|.t2`:`#f22556`,`font-size|.t2`:`40px`,`font-weight|.t2`:`400`,`text-align|.t2`:`left`,`text-transform|.t2`:`none`,`text-decoration|.t2`:`none`,`padding|.t2`:`0px 0px 0px 0px`,`display|.t2`:`inline`},`title-3`:{`color|.t3`:`#f22556`,`font-size|.t3`:`20px`,`font-weight|.t3`:`400`,`text-transform|.t3`:`none`}}}}” animate=”||” design=”__empty__” before_element=”__empty__” after_element=”__empty__” link_url=”__empty__” el_class=”__empty__”][/kc_column][kc_column width=”50%” video_mute=”no” _id=”794189″ video_bg_url=”__empty__”][ssc_multititle tag=”span” type1=”span” type2=”div” type3=”span” type4=”div” type5=”div” _id=”648994″ title1=”Home / Portfolio” my-css=”{`kc-css`:{`768`:{`box`:{`text-align|`:`left`}},`any`:{`typography`:{`font-weight|+.ssc_mltttl .wr`:`500`,`text-align|+.ssc_mltttl .wr`:`left`,`text-transform|+.ssc_mltttl .wr`:`none`,`padding|+.ssc_mltttl .wr`:`inherit inherit 10px inherit`},`box`:{`text-align|`:`right`},`elmnt-1`:{`border-radius|.deb:before`:`50px 50px 50px 50px`,`width|.deb:before`:`40px`,`height|.deb:before`:`40px`,`margin|.deb:before`:`4px inherit inherit inherit`},`elmnt-2`:{`border-radius|.deb:after`:`20px 20px 20px 20px`,`width|.deb:after`:`8px`,`height|.deb:after`:`8px`,`margin|.deb:after`:`20px -4px inherit inherit`},`title-1`:{`color|.t1`:`#232323`,`font-size|.t1`:`16px`,`font-weight|.t1`:`500`,`font-style|.t1`:`normal`,`text-align|.t1`:`left`,`text-transform|.t1`:`none`,`padding|.t1`:`inherit 5px inherit inherit`},`title-2`:{`color|.t2`:`#959595`,`font-size|.t2`:`16px`,`font-weight|.t2`:`500`,`text-align|.t2`:`left`,`text-transform|.t2`:`none`,`text-decoration|.t2`:`none`,`padding|.t2`:`0px 0px 0px 0px`,`display|.t2`:`inline`},`title-3`:{`color|.t3`:`#f22556`,`font-size|.t3`:`20px`,`font-weight|.t3`:`400`,`text-transform|.t3`:`none`}}}}” animate=”||” title2=”/ Yellow Film” design=”__empty__” before_element=”__empty__” after_element=”__empty__” link_url=”__empty__” el_class=”__empty__”][/kc_column][/kc_row][kc_row use_container=”yes” _id=”284179″ css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`40px inherit inherit inherit`}}}}” cols_gap=”{`kc-css`:{}}” column_align=”center” force=”__empty__” video_bg_url=”__empty__” video_mute=”__empty__” parallax_image=”__empty__”][kc_column width=”12/12″ video_mute=”no” _id=”259665″ video_bg_url=”__empty__” css_custom=”{`kc-css`:{}}”][ssc_image_effect template=”1″ img_size=”full” css_custom=”{`kc-css`:{`any`:{`text-box`:{`background|.ieslide`:`eyJjb2xvciI6InJnYmEoMjMyLCA2NiwgMTAxLCAwLjgzKSIsImxpbmVhckdyYWRpZW50IjpbIiJdLCJpbWFnZSI6Im5vbmUiLCJwb3NpdGlvbiI6IjAlIDAlIiwic2l6ZSI6ImF1dG8iLCJyZXBlYXQiOiJyZXBlYXQiLCJhdHRhY2htZW50Ijoic2Nyb2xsIiwiYWR2YW5jZWQiOjB9`},`title`:{`color|strong, a strong`:`#ffffff`,`font-size|strong, a strong`:`20px`,`line-height|strong, a strong`:`28px`,`padding|strong, a strong`:`8px 30px 8px 16px`},`description`:{`color|.mov`:`#ffffff`,`font-size|.mov`:`13px`,`line-height|.mov`:`22px`,`padding|.mov`:`inherit 30px inherit 16px`},`icon`:{`color|i, a i`:`#e84265`,`background-color|i, a i`:`rgba(255, 255, 255, 0.81)`,`padding|i, a i`:`10px 15px 10px 15px`}}}}” _id=”184253″ hover_effect=”none” image=”5263″ strength=”__empty__” custom_link=”__empty__” link_text=”__empty__” icon=”__empty__” custom_css_hov=”__empty__”][/kc_column][/kc_row][kc_row use_container=”yes” _id=”438976″ column_align=”center” force=”__empty__” video_bg_url=”__empty__” video_mute=”__empty__” parallax_image=”__empty__”][kc_column width=”12/12″ video_mute=”no” _id=”474855″ _css_inspector_marginer=”{`kc-css`:{`999`:{`box`:{`margin|`:`inherit inherit inherit 0%`,`width|`:`100%`}}}}” css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`40px 17% 30px 17%`}}}}” video_bg_url=”__empty__”][ssc_multititle tag=”h4″ type1=”span” type2=”span” type3=”span” type4=”span” type5=”span” my-css=”{`kc-css`:{`any`:{`typography`:{`font-size|+.ssc_mltttl .wr`:`30px`,`line-height|+.ssc_mltttl .wr`:`37px`},`box`:{`display|`:`inline-block`},`elmnt-1`:{`background-color|.deb:before`:`rgba(91, 41, 239, 0.30)`,`border-radius|.deb:before`:`50px 50px 50px 50px`,`width|.deb:before`:`40px`,`height|.deb:before`:`40px`},`elmnt-2`:{`background-color|.deb:after`:`#5b29ef`,`border-radius|.deb:after`:`20px 20px 20px 20px`,`width|.deb:after`:`8px`,`height|.deb:after`:`8px`,`margin|.deb:after`:`17px -4px inherit inherit`},`title-1`:{`font-size|.t1`:`30px`,`font-weight|.t1`:`700`,`font-family|.t1`:`poppins`,`padding|.t1`:`inherit inherit inherit inherit`}}}}” _id=”894293″ title1=”Client” design=”__empty__” before_element=”__empty__” after_element=”__empty__” link_url=”__empty__” el_class=”__empty__”][kc_column_text _id=”977147″ css_custom=”__empty__”]

Yellow Film is one of the top 20 world video productions and has an impressive portfolio of high-quality work, from music videos to feature films.

Yellow Film collaborated with Apple, Absolut, Audi, Coldplay, Hurts, Diesel. He also won bronze at Cannes Lions, received repeated recognition at the New York Film Festival, the Asia-Pacific AdFest, Epica Awards and other world festivals.

[/kc_column_text][ssc_multititle tag=”h4″ type1=”span” type2=”span” type3=”span” type4=”span” type5=”span” my-css=”{`kc-css`:{`any`:{`typography`:{`font-size|+.ssc_mltttl .wr`:`30px`,`line-height|+.ssc_mltttl .wr`:`45px`,`margin|+.ssc_mltttl .wr`:`0px inherit inherit inherit`},`box`:{`display|`:`inline-block`},`elmnt-1`:{`background-color|.deb:before`:`rgba(91, 41, 239, 0.30)`,`border-radius|.deb:before`:`50px 50px 50px 50px`,`width|.deb:before`:`40px`,`height|.deb:before`:`40px`},`elmnt-2`:{`background-color|.deb:after`:`#5b29ef`,`border-radius|.deb:after`:`20px 20px 20px 20px`,`width|.deb:after`:`8px`,`height|.deb:after`:`8px`,`margin|.deb:after`:`17px -4px inherit inherit`},`title-1`:{`font-size|.t1`:`30px`,`font-weight|.t1`:`700`,`font-family|.t1`:`poppins`,`padding|.t1`:`inherit inherit inherit inherit`}}}}” _id=”381325″ title1=”Task” design=”__empty__” before_element=”__empty__” after_element=”__empty__” link_url=”__empty__” el_class=”__empty__”][kc_column_text _id=”997238″ css_custom=”__empty__”]

The main task is to create a website in which the design will work on video and not distract attention from the frames. All focus should be shifted to the content of the client itself. Thus, the work of Yellow Film should become the cornerstone of the concept of the entire website.

Emphasize the general concept with the help of crossing effects, minimalistic fonts that are not distracting, but rather help the user to concentrate his attention.

[/kc_column_text][/kc_column][/kc_row][kc_row use_container=”yes” _id=”549881″][kc_column width=”33.33%” _id=”737188″][ssc_image_effect template=”1″ img_size=”full” css_custom=”{`kc-css`:{`767`:{`box`:{`text-align|`:`center`,`width|`:`100%`,`padding|`:`inherit inherit 25px inherit`}},`any`:{`text-box`:{`background|.ieslide`:`eyJjb2xvciI6InJnYmEoMjMyLCA2NiwgMTAxLCAwLjgzKSIsImxpbmVhckdyYWRpZW50IjpbIiJdLCJpbWFnZSI6Im5vbmUiLCJwb3NpdGlvbiI6IjAlIDAlIiwic2l6ZSI6ImF1dG8iLCJyZXBlYXQiOiJyZXBlYXQiLCJhdHRhY2htZW50Ijoic2Nyb2xsIiwiYWR2YW5jZWQiOjB9`},`title`:{`color|strong, a strong`:`#ffffff`,`font-size|strong, a strong`:`20px`,`line-height|strong, a strong`:`28px`,`padding|strong, a strong`:`8px 30px 8px 16px`},`description`:{`color|.mov`:`#ffffff`,`font-size|.mov`:`13px`,`line-height|.mov`:`22px`,`padding|.mov`:`inherit 30px inherit 16px`},`icon`:{`color|i, a i`:`#e84265`,`background-color|i, a i`:`rgba(255, 255, 255, 0.81)`,`padding|i, a i`:`10px 15px 10px 15px`}}}}” _id=”349227″ image=”5266″ hover_effect=”none” strength=”__empty__” custom_link=”__empty__” link_text=”__empty__” icon=”__empty__” custom_css_hov=”__empty__”][/kc_column][kc_column width=”33.33%” _id=”167737″][ssc_image_effect template=”1″ img_size=”full” css_custom=”{`kc-css`:{`767`:{`box`:{`text-align|`:`center`,`width|`:`100%`,`padding|`:`inherit inherit 25px inherit`}},`any`:{`box`:{`padding|`:`inherit inherit 28px inherit`},`text-box`:{`background|.ieslide`:`eyJjb2xvciI6InJnYmEoMjMyLCA2NiwgMTAxLCAwLjgzKSIsImxpbmVhckdyYWRpZW50IjpbIiJdLCJpbWFnZSI6Im5vbmUiLCJwb3NpdGlvbiI6IjAlIDAlIiwic2l6ZSI6ImF1dG8iLCJyZXBlYXQiOiJyZXBlYXQiLCJhdHRhY2htZW50Ijoic2Nyb2xsIiwiYWR2YW5jZWQiOjB9`},`title`:{`color|strong, a strong`:`#ffffff`,`font-size|strong, a strong`:`20px`,`line-height|strong, a strong`:`28px`,`padding|strong, a strong`:`8px 30px 8px 16px`},`description`:{`color|.mov`:`#ffffff`,`font-size|.mov`:`13px`,`line-height|.mov`:`22px`,`padding|.mov`:`inherit 30px inherit 16px`},`icon`:{`color|i, a i`:`#e84265`,`background-color|i, a i`:`rgba(255, 255, 255, 0.81)`,`padding|i, a i`:`10px 15px 10px 15px`}}}}” _id=”617146″ image=”5267″ hover_effect=”none” custom_css_hov=”__empty__”][ssc_image_effect template=”1″ img_size=”full” css_custom=”{`kc-css`:{`767`:{`box`:{`text-align|`:`center`,`width|`:`100%`,`padding|`:`inherit inherit 25px inherit`}},`any`:{`text-box`:{`background|.ieslide`:`eyJjb2xvciI6InJnYmEoMjMyLCA2NiwgMTAxLCAwLjgzKSIsImxpbmVhckdyYWRpZW50IjpbIiJdLCJpbWFnZSI6Im5vbmUiLCJwb3NpdGlvbiI6IjAlIDAlIiwic2l6ZSI6ImF1dG8iLCJyZXBlYXQiOiJyZXBlYXQiLCJhdHRhY2htZW50Ijoic2Nyb2xsIiwiYWR2YW5jZWQiOjB9`},`title`:{`color|strong, a strong`:`#ffffff`,`font-size|strong, a strong`:`20px`,`line-height|strong, a strong`:`28px`,`padding|strong, a strong`:`8px 30px 8px 16px`},`description`:{`color|.mov`:`#ffffff`,`font-size|.mov`:`13px`,`line-height|.mov`:`22px`,`padding|.mov`:`inherit 30px inherit 16px`},`icon`:{`color|i, a i`:`#e84265`,`background-color|i, a i`:`rgba(255, 255, 255, 0.81)`,`padding|i, a i`:`10px 15px 10px 15px`}}}}” _id=”971519″ image=”5269″ hover_effect=”none” strength=”__empty__” custom_link=”__empty__” link_text=”__empty__” icon=”__empty__” custom_css_hov=”__empty__”][/kc_column][kc_column width=”33.33%” _id=”966520″][ssc_image_effect template=”1″ img_size=”full” css_custom=”{`kc-css`:{`767`:{`box`:{`text-align|`:`center`,`width|`:`100%`,`padding|`:`inherit inherit 25px inherit`}},`any`:{`text-box`:{`background|.ieslide`:`eyJjb2xvciI6InJnYmEoMjMyLCA2NiwgMTAxLCAwLjgzKSIsImxpbmVhckdyYWRpZW50IjpbIiJdLCJpbWFnZSI6Im5vbmUiLCJwb3NpdGlvbiI6IjAlIDAlIiwic2l6ZSI6ImF1dG8iLCJyZXBlYXQiOiJyZXBlYXQiLCJhdHRhY2htZW50Ijoic2Nyb2xsIiwiYWR2YW5jZWQiOjB9`},`title`:{`color|strong, a strong`:`#ffffff`,`font-size|strong, a strong`:`20px`,`line-height|strong, a strong`:`28px`,`padding|strong, a strong`:`8px 30px 8px 16px`},`description`:{`color|.mov`:`#ffffff`,`font-size|.mov`:`13px`,`line-height|.mov`:`22px`,`padding|.mov`:`inherit 30px inherit 16px`},`icon`:{`color|i, a i`:`#e84265`,`background-color|i, a i`:`rgba(255, 255, 255, 0.81)`,`padding|i, a i`:`10px 15px 10px 15px`}}}}” _id=”435520″ image=”5270″ hover_effect=”none” custom_css_hov=”__empty__”][/kc_column][/kc_row][kc_row use_container=”yes” _id=”483688″ column_align=”center” force=”__empty__” video_bg_url=”__empty__” video_mute=”__empty__” parallax_image=”__empty__”][kc_column width=”12/12″ video_mute=”no” _id=”178479″ video_bg_url=”__empty__” _css_inspector_marginer=”{`kc-css`:{`999`:{`box`:{`margin|`:`inherit inherit inherit 0%`,`width|`:`100%`}}}}” css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`40px 17% 30px 17%`}}}}”][ssc_multititle tag=”h4″ type1=”span” type2=”span” type3=”span” type4=”span” type5=”span” my-css=”{`kc-css`:{`any`:{`typography`:{`font-size|+.ssc_mltttl .wr`:`30px`,`line-height|+.ssc_mltttl .wr`:`37px`},`box`:{`display|`:`inline-block`},`elmnt-1`:{`background-color|.deb:before`:`rgba(91, 41, 239, 0.30)`,`border-radius|.deb:before`:`50px 50px 50px 50px`,`width|.deb:before`:`40px`,`height|.deb:before`:`40px`},`elmnt-2`:{`background-color|.deb:after`:`#5b29ef`,`border-radius|.deb:after`:`20px 20px 20px 20px`,`width|.deb:after`:`8px`,`height|.deb:after`:`8px`,`margin|.deb:after`:`17px -4px inherit inherit`},`title-1`:{`font-size|.t1`:`30px`,`font-weight|.t1`:`700`,`font-family|.t1`:`poppins`,`padding|.t1`:`inherit inherit inherit inherit`}}}}” _id=”256932″ title1=”Decision” design=”__empty__” before_element=”__empty__” after_element=”__empty__” link_url=”__empty__” el_class=”__empty__”][kc_column_text _id=”696447″ css_custom=”__empty__”]

The main technical difficulty was to determine how to place an impressive amount of video content, and at the same time create a smooth user interface, ensuring high site loading speed. To do this, we created an optimized video processing script, thanks to which the site does not “lie down” under the wei ght of the content, background videos do not interfere with the smooth operation of the interface, and the transition from clip to clip occurs without delay.

In the section “Works” we added filters: by production, director, agency. This helps to quickly find the right video. The site has a large and intuitive menu containing all the content. Conveniently formed categories help the user find the desired page.

[/kc_column_text][/kc_column][/kc_row]