The North Face Flow

[dipi_breadcrumbs bc_items_alignment=»dipi-bc-center» _builder_version=»4.27.4″ _module_preset=»default» items_font=»Fira Code|||on|||||» items_text_color=»#090909″ custom_margin=»||10px||false|false» global_colors_info=»{}»][/dipi_breadcrumbs]

Project Overview

A bold case study for JBL exploring the fusion of sound and self-expression through visual design. This project reimagines how a music brand can connect emotionally and aesthetically with younger, creative audiences through a vivid, immersive identity.

Project Overview

[dipi_price_list item_text_padding=»|0px||0px|false|true» separator_style=»none» _builder_version=»4.27.4″ _module_preset=»default» title_font=»Fira Code|||on|||||» title_text_color=»#878787″ title_font_size=»18px» price_font=»Fira Code|||on|||||» price_text_color=»#090909″ price_font_size=»18px» title_font_size_tablet=»18px» title_font_size_phone=»16px» title_font_size_last_edited=»on|phone» price_font_size_tablet=»18px» price_font_size_phone=»16px» price_font_size_last_edited=»on|phone» global_colors_info=»{}»][dipi_price_list_item title=»Client» price=»JBL» _builder_version=»4.27.4″ _module_preset=»default» custom_margin=»||5px||false|false» global_colors_info=»{}»][/dipi_price_list_item][dipi_price_list_item title=»Studio» price=»Divi Pixel» _builder_version=»4.27.4″ _module_preset=»default» custom_margin=»||5px||false|false» global_colors_info=»{}»][/dipi_price_list_item][dipi_price_list_item title=»Team» price=»Mohit Choudhary» _builder_version=»4.27.4″ _module_preset=»default» custom_margin=»||5px||false|false» global_colors_info=»{}»][/dipi_price_list_item][dipi_price_list_item title=»Date» price=»January 2024″ _builder_version=»4.27.4″ _module_preset=»default» custom_margin=»||5px||false|false» global_colors_info=»{}»][/dipi_price_list_item][dipi_price_list_item title=»Category » price=»Rebranding» _builder_version=»4.27.4″ _module_preset=»default» global_colors_info=»{}»][/dipi_price_list_item][/dipi_price_list]

THE UNLEARN PLATFORM

[dipi_counter suffix=»%» count_to_number=»33″ count_from_number=»30″ _builder_version=»4.27.4″ _module_preset=»default» all_font=»Manrope|300|||||||» all_text_align=»left» all_text_color=»#FFFFFF» all_font_size=»100px» all_letter_spacing=»-3px» custom_margin=»auto||15px||false|false» locked=»off» global_colors_info=»{}»][/dipi_counter]

Bounce Rate Decrease*

[dipi_dual_heading first_heading=»Objective» fh_style=»background» fh_background_style=»clipped» first_heading_use_color_gradient=»on» first_heading_color_gradient_stops=»#090909 0%|#5c5c5c 100%» fh_padding=»0px|3px|20px|-5px|false|false» _builder_version=»4.27.4″ _module_preset=»default» first_heading_font=»Almarai||||||||» first_heading_text_align=»center» first_heading_font_size=»250px» first_heading_letter_spacing=»-10px» first_heading_line_height=»1em» text_orientation=»left» custom_margin=»||30px||false|false» custom_margin_tablet=»||30px||false|false» custom_margin_phone=»||10px||false|false» custom_margin_last_edited=»on|phone» first_heading_font_size_tablet=»18vw» first_heading_font_size_phone=»22vw» first_heading_font_size_last_edited=»on|phone» first_heading_letter_spacing_tablet=»-5px» first_heading_letter_spacing_phone=»-4px» first_heading_letter_spacing_last_edited=»on|phone» locked=»off» global_colors_info=»{}»][/dipi_dual_heading]

To craft a contemporary visual identity that brings out JBL’s energetic, youthful spirit — highlighting its emotional resonance through color, texture, and human connection.

Creative Direction

Color: Deep indigo and electric neons simulate the visual intensity of high-quality sound.



Texture: Particle overlays symbolize dynamic audio — bass drops, treble vibrations, and lyrical flow.



Portraiture: Focused on human emotion, representing music as a deeply personal and expressive experience.

Tools & Software

Adobe Photoshop

(compositing & retouching)

Adobe After Effects

(motion design prototype)

HubSpot

(Integrations, and Resources)

Figma

(UI mockups and layout tests)

Blender

(for texture simulations)

Showcasing high-performance design and automotive creativity. Explore Now!

Insights & Inspiration

[dipi_blog_slider select_post_type=»project» include_categories=»all» use_thumbnail_height=»on» thumbnail_height=»280px» show_author=»off» show_date=»off» date_right_space=»78%» date_top_space=»5px» show_excerpt=»off» columns=»5″ space_between=»30″ container_padding=»0px|0px|0px|0px|true|true» loop=»on» navigation=»on» navigation_prev_icon_yn=»on» navigation_prev_icon=»#||divi||400″ navigation_next_icon_yn=»on» navigation_next_icon=»$||divi||400″ navigation_size=»30″ navigation_padding=»30″ navigation_color=»#FFFFFF» navigation_bg_color=»#090909″ navigation_circle=»on» navigation_position_left=»-30px» navigation_position_right=»-30px» columns_tablet=»2″ columns_phone=»1″ columns_last_edited=»on|phone» navigation_color_tablet=»#FFFFFF» navigation_color_phone=»#090909″ navigation_color_last_edited=»on|phone» navigation_bg_color_tablet=»#090909″ navigation_bg_color_phone=»#F5F5F5″ navigation_bg_color_last_edited=»on|phone» navigation_position_left_tablet=»-30px» navigation_position_left_phone=»-10px» navigation_position_left_last_edited=»on|phone» navigation_position_right_tablet=»-30px» navigation_position_right_phone=»-10px» navigation_position_right_last_edited=»on|phone» _builder_version=»4.27.4″ _module_preset=»default» header_font=»Almarai||||||||» header_text_align=»center» header_text_color=»#090909″ header_font_size=»25px» header_line_height=»1em» cat_font=»Almarai||||||||» cat_text_align=»center» cat_text_color=»#878787″ date_font=»Almarai||||||||» date_text_color=»#FFFFFF» custom_css_category=»margin-top:20px !important;» custom_css_post_content=»padding:0px;» border_radii_image=»on|10px|10px|10px|10px» global_colors_info=»{}»][/dipi_blog_slider]

Have Questions? Get in Touch!

Email Me

Let’s start a conversation.

hello@sample.com

Call or Message

Quick chats, faster replies.

+1 (646) 123-4567

Based in New York

Work with clients worldwide.

I’m just one message away.

Let’s Connect Online

Follow along on social media.

[dipi_button_grid flex_direction=»row» justify_content=»space-between» align_items=»center» _builder_version=»4.27.4″ _module_preset=»default» text_style_font=»Almarai||||||||» text_style_text_color=»#FFFFFF» text_style_font_size=»20px» background_color=»rgba(92,92,92,0.2)» max_width=»605px» module_alignment=»center» custom_padding=»5px|15px|5px|5px|true|false» custom_padding_tablet=»5px|15px|5px|5px|true|false» custom_padding_phone=»15px|15px|15px|15px|true|true» custom_padding_last_edited=»on|phone» text_style_font_size_tablet=»20px» text_style_font_size_phone=»25px» text_style_font_size_last_edited=»on|phone» text_style_line_height_tablet=»» text_style_line_height_phone=»1.3em» text_style_line_height_last_edited=»on|phone» border_radii=»on|100px|100px|100px|100px» border_radii_tablet=»on|100px|100px|100px|100px» border_radii_phone=»on|8px|8px|8px|8px» border_radii_last_edited=»on|phone» global_colors_info=»{}»][dipi_button_grid_child button_id=»Profile» button_type=»text» _builder_version=»4.27.4″ _module_preset=»default» background_image=»http://313.agency/wp-content/uploads/2025/06/p9.png» background_enable_image=»on» width=»70px» width_tablet=»60px» width_phone=»50px» width_last_edited=»on|phone» min_height=»70px» min_height_tablet=»60px» min_height_phone=»50px» min_height_last_edited=»on|phone» custom_margin=»||||false|false» border_radii=»on|100px|100px|100px|100px» global_colors_info=»{}»][/dipi_button_grid_child][dipi_button_grid_child button_id=»Text» button_type=»text» text_info=»I’m Jan 👋, really excited to talk to you.» _builder_version=»4.27.4″ _module_preset=»default» global_colors_info=»{}»][/dipi_button_grid_child][dipi_button_grid_child button_id=»Get in Touch» button_type=»dp_button» button_text=»Get in Touch» button_link=»#» _builder_version=»4.27.4″ _module_preset=»default» custom_button=»on» button_text_size=»16px» button_text_color=»#090909″ button_bg_color=»#FFFFFF» button_border_width=»0px» button_border_radius=»100px» button_font=»Almarai||||||||» button_use_icon=»off» button_custom_padding=»12px|30px|12px|30px|true|true» global_colors_info=»{}»][/dipi_button_grid_child][/dipi_button_grid]

Get Fresh Updates Straight to Your Inbox

[dipi_faq show_all=»on» icon_animate=»on» icon_closed=»L||divi||400″ icon_open=»K||divi||400″ icon_open_color=»#090909″ icon_closed_color=»#090909″ icon_open_font_size=»22px» icon_closed_font_size=»22px» entry_background_closed=»RGBA(255,255,255,0)» entry_background_open=»RGBA(255,255,255,0)» entry_margin_closed=»||25px||false|false» title_padding_closed=»26px|50px|26px|26px|true|false» content_padding_closed=»|50px|20px|26px|false|false» title_padding_closed_tablet=»26px|50px|26px|26px|true|false» title_padding_closed_phone=»15px|50px|15px|15px|true|false» title_padding_closed_last_edited=»on|phone» _builder_version=»4.27.4″ _module_preset=»default» title_closed_font=»Almarai||||||||» title_closed_text_color=»#090909″ title_closed_font_size=»20px» content_closed_font=»Almarai||||||||» content_closed_text_color=»#5C5C5C» content_closed_font_size=»18px» content_closed_line_height=»1.8em» max_width=»900px» title_closed_font_size_tablet=»20px» title_closed_font_size_phone=»18px» title_closed_font_size_last_edited=»on|phone» border_radii_entries_closed=»on|5px|5px|5px|5px» global_colors_info=»{}»][/dipi_faq]