APEX Cooler System

APEX Cooler System

APEX Cooler System was a startup that built an entirely new segment of the cooler market. The challenge was to clearly differentiate APEX from other established cooler brands so APEX would not be viewed as “just another cooler.” We focused on building the elements to make it clear APEX is focused on creating systems that enable everyone from outdoor enthusiasts to construction crews to enjoy the best experiences around their coolers.

.one-st0{fill: none; stroke: #FFFFFF; stroke-width: 0.5; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10;}.one-st1{fill: none; stroke: #FFFFFF; stroke-miterlimit: 10;}.one-st2{opacity: 0.5; fill: none; stroke: #FFFFFF; stroke-miterlimit: 10; enable-background: new;}.one-st3{opacity: 0.5;}.one-st4{fill: none;}.one-st5{fill: #FFFFFF;}
.st0{fill: #111820;}.st1{clip-path: url(#SVGID_2_);}.st2{fill: #D6D1CA;}.st3{fill: #FFFFFF;}.st4{clip-path: url(#SVGID_4_);}.st5{fill: #C1531B;}.st6{opacity: 5.000000e-02; fill: #FFFFFF;}.st7{fill: #FB6B00;}.st8{opacity: 0.15; clip-path: url(#SVGID_6_);}.st9{clip-path: url(#SVGID_8_);}.st10{clip-path: url(#SVGID_10_); fill: #FFFFFF;}.st11{clip-path: url(#SVGID_10_); fill: #F1F2F2;}.st12{clip-path: url(#SVGID_10_); fill: #0B202D;}.st13{clip-path: url(#SVGID_10_);}.st14{opacity: 0.9; clip-path: url(#SVGID_12_);}.st15{clip-path: url(#SVGID_14_); fill: #0B202D;}.st16{opacity: 0.8; clip-path: url(#SVGID_12_);}.st17{clip-path: url(#SVGID_16_); fill: #0B202D;}.st18{opacity: 0.7; clip-path: url(#SVGID_12_);}.st19{clip-path: url(#SVGID_18_); fill: #0B202D;}.st20{opacity: 0.6; clip-path: url(#SVGID_12_);}.st21{clip-path: url(#SVGID_20_); fill: #0B202D;}.st22{opacity: 0.5; clip-path: url(#SVGID_12_);}.st23{clip-path: url(#SVGID_22_); fill: #0B202D;}.st24{opacity: 0.4; clip-path: url(#SVGID_12_);}.st25{clip-path: url(#SVGID_24_); fill: #0B202D;}.st26{opacity: 0.3; clip-path: url(#SVGID_12_);}.st27{clip-path: url(#SVGID_26_); fill: #0B202D;}.st28{opacity: 0.2; clip-path: url(#SVGID_12_);}.st29{clip-path: url(#SVGID_28_); fill: #0B202D;}.st30{opacity: 0.1; clip-path: url(#SVGID_12_);}.st31{clip-path: url(#SVGID_30_); fill: #0B202D;}.st32{clip-path: url(#SVGID_10_); fill: #103544;}.st33{opacity: 0.9; clip-path: url(#SVGID_32_);}.st34{clip-path: url(#SVGID_34_); fill: #103544;}.st35{opacity: 0.8; clip-path: url(#SVGID_32_);}.st36{clip-path: url(#SVGID_36_); fill: #103544;}.st37{opacity: 0.7; clip-path: url(#SVGID_32_);}.st38{clip-path: url(#SVGID_38_); fill: #103544;}.st39{opacity: 0.6; clip-path: url(#SVGID_32_);}.st40{clip-path: url(#SVGID_40_); fill: #103544;}.st41{opacity: 0.5; clip-path: url(#SVGID_32_);}.st42{clip-path: url(#SVGID_42_); fill: #103544;}.st43{opacity: 0.4; clip-path: url(#SVGID_32_);}.st44{clip-path: url(#SVGID_44_); fill: #103544;}.st45{opacity: 0.3; clip-path: url(#SVGID_32_);}.st46{clip-path: url(#SVGID_46_); fill: #103544;}.st47{opacity: 0.2; clip-path: url(#SVGID_32_);}.st48{clip-path: url(#SVGID_48_); fill: #103544;}.st49{opacity: 0.1; clip-path: url(#SVGID_32_);}.st50{clip-path: url(#SVGID_50_); fill: #103544;}.st51{clip-path: url(#SVGID_10_); fill: #827054;}.st52{opacity: 0.9; clip-path: url(#SVGID_52_);}.st53{clip-path: url(#SVGID_54_); fill: #827054;}.st54{opacity: 0.8; clip-path: url(#SVGID_52_);}.st55{clip-path: url(#SVGID_56_); fill: #827054;}.st56{opacity: 0.7; clip-path: url(#SVGID_52_);}.st57{clip-path: url(#SVGID_58_); fill: #827054;}.st58{opacity: 0.6; clip-path: url(#SVGID_52_);}.st59{clip-path: url(#SVGID_60_); fill: #827054;}.st60{opacity: 0.5; clip-path: url(#SVGID_52_);}.st61{clip-path: url(#SVGID_62_); fill: #827054;}.st62{opacity: 0.4; clip-path: url(#SVGID_52_);}.st63{clip-path: url(#SVGID_64_); fill: #827054;}.st64{opacity: 0.3; clip-path: url(#SVGID_52_);}.st65{clip-path: url(#SVGID_66_); fill: #827054;}.st66{opacity: 0.2; clip-path: url(#SVGID_52_);}.st67{clip-path: url(#SVGID_68_); fill: #827054;}.st68{opacity: 0.1; clip-path: url(#SVGID_52_);}.st69{clip-path: url(#SVGID_70_); fill: #827054;}.st70{clip-path: url(#SVGID_10_); fill: #FFFFFC;}.st71{fill: none;}.st72{fill: none; stroke: #FFFFFF; stroke-width: 2; stroke-miterlimit: 10;}.st73{fill: #D6CEC6;}.st74{fill: #FF6B00;}.st75{fill: none; stroke: #FFFFFF; stroke-width: 0.5; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10;}.st76{fill: none; stroke: #FFFFFF; stroke-width: 0.5; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-dasharray: 13.6334, 2.7267, 2.7267, 2.7267, 2.7267, 2.7267; stroke-dashoffset: 7;}.st77{fill: none; stroke: #FFFFFF; stroke-width: 0.5; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-dasharray: 13.6334, 2.7267, 2.7267, 2.7267, 2.7267, 2.7267;}.st78{fill: none; stroke: #FFFFFF; stroke-width: 0.5; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-dasharray: 13.6334, 2.7267, 2.7267, 2.7267, 2.7267, 2.7267; stroke-dashoffset: 1;}.st79{fill: none; stroke: #FFFFFF; stroke-width: 0.5; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-dasharray: 13.6334, 2.7267, 2.7267, 2.7267, 2.7267, 2.7267; stroke-dashoffset: 11;}.st80{fill: none; stroke: #FFFFFF; stroke-width: 0.5; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-dasharray: 13.6334, 2.7267, 2.7267, 2.7267, 2.7267, 2.7267; stroke-dashoffset: 12;}.st81{fill: none; stroke: #FFFFFF; stroke-width: 0.5; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-dasharray: 13.6334, 2.7267, 2.7267, 2.7267, 2.7267, 2.7267; stroke-dashoffset: 6;}.st82{fill: none; stroke: #FFFFFF; stroke-width: 0.5; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-dasharray: 13.6334, 2.7267, 2.7267, 2.7267, 2.7267, 2.7267; stroke-dashoffset: 8;}.st83{fill: none; stroke: #FFFFFF; stroke-miterlimit: 10;}.st84{opacity: 0.5; fill: none; stroke: #FFFFFF; stroke-miterlimit: 10;}.st85{opacity: 0.5;}.st86{opacity: 0.12; clip-path: url(#SVGID_72_);}.st87{fill: #863A1E;}.st88{clip-path: url(#SVGID_74_);}.st89{clip-path: url(#SVGID_76_); fill: #F7F7F7;}.st90{clip-path: url(#SVGID_76_);}.st91{clip-path: url(#SVGID_78_);}.st92{clip-path: url(#SVGID_76_); fill: #FF6B00;}.st93{opacity: 0.8; clip-path: url(#SVGID_82_);}.st94{clip-path: url(#SVGID_84_); fill: #101820;}.st95{fill: #B0B0B0;}.st96{clip-path: url(#SVGID_76_); fill: #C1531B;}.st97{clip-path: url(#SVGID_86_); fill: #FFFFFF;}.st98{clip-path: url(#SVGID_88_);}.st99{clip-path: url(#SVGID_90_);}.st100{clip-path: url(#SVGID_92_);}.st101{clip-path: url(#SVGID_76_); fill: #101820;}.st102{clip-path: url(#SVGID_76_); fill: #FFFFFF;}.st103{clip-path: url(#SVGID_76_); fill: none; stroke: #101820; stroke-width: 3.28; stroke-miterlimit: 10;}.st104{clip-path: url(#SVGID_96_);}.st105{opacity: 0.55; clip-path: url(#SVGID_104_);}.st106{clip-path: url(#SVGID_106_); fill: #101820;}.st107{clip-path: url(#SVGID_108_); fill: #101820;}.st108{clip-path: url(#SVGID_110_); fill: #101820;}.st109{clip-path: url(#SVGID_104_); fill: #FFFFFF;}.st110{fill: #101820;}.st111{clip-path: url(#SVGID_112_); fill: none; stroke: #808080; stroke-width: 0.5; stroke-miterlimit: 10;}.st112{clip-path: url(#SVGID_112_); fill: #FF6B00;}.st113{clip-path: url(#SVGID_114_); fill: #FFFFFF;}.st114{clip-path: url(#SVGID_114_); fill: #FF6B00;}.st115{clip-path: url(#SVGID_116_); fill: #FFFFFF;}.st116{clip-path: url(#SVGID_118_); fill: #B0B0B0;}.st117{clip-path: url(#SVGID_118_); fill: none; stroke: #C9C9C9; stroke-width: 0.5; stroke-miterlimit: 10;}.st118{clip-path: url(#SVGID_118_); fill: #F7F7F7;}.st119{clip-path: url(#SVGID_120_);}.st120{clip-path: url(#SVGID_124_);}.st121{clip-path: url(#SVGID_128_);}.st122{clip-path: url(#SVGID_132_);}.st123{clip-path: url(#SVGID_136_);}.st124{clip-path: url(#SVGID_138_); fill: #FF6B00;}.st125{clip-path: url(#SVGID_136_); fill: none; stroke: #F7F7F7; stroke-width: 6; stroke-miterlimit: 10;}.st126{clip-path: url(#SVGID_136_); fill: #FF6B00;}.st127{clip-path: url(#SVGID_140_); fill: #FF6B00;}.st128{clip-path: url(#SVGID_140_); fill: none; stroke: #FFFFFF; stroke-miterlimit: 10;}.st129{opacity: 0.25; clip-path: url(#SVGID_140_);}.st130{clip-path: url(#SVGID_142_); fill: none; stroke: #F7F7F7; stroke-width: 3; stroke-miterlimit: 10;}.st131{clip-path: url(#SVGID_140_); fill: none; stroke: #FFFFFF; stroke-width: 3; stroke-miterlimit: 10;}.st132{clip-path: url(#SVGID_140_); fill: #F7F7F7;}.st133{clip-path: url(#SVGID_140_); fill: #101820;}.st134{opacity: 0.15; clip-path: url(#SVGID_140_);}.st135{clip-path: url(#SVGID_144_); fill: #D6D1CA;}.st136{clip-path: url(#SVGID_146_); fill: #FF6B00;}.st137{opacity: 0.5; clip-path: url(#SVGID_146_);}.st138{clip-path: url(#SVGID_148_); fill: none; stroke: #F7F7F7; stroke-width: 3; stroke-miterlimit: 10;}.st139{fill: #E5E5E4;}.st140{fill: #CC1C24;}.st141{fill: #DBCD21;}.st142{fill: #229473;}.st143{clip-path: url(#SVGID_150_);}.st144{clip-path: url(#SVGID_152_);}.st145{clip-path: url(#SVGID_154_); fill: #F7F7F7;}.st146{clip-path: url(#SVGID_154_);}.st147{clip-path: url(#SVGID_156_);}.st148{opacity: 0.8; clip-path: url(#SVGID_160_);}.st149{clip-path: url(#SVGID_162_); fill: #101820;}.st150{clip-path: url(#SVGID_154_); fill: #FF6B00;}.st151{clip-path: url(#SVGID_154_); fill: #C1531B;}.st152{clip-path: url(#SVGID_164_); fill: #FFFFFF;}.st153{clip-path: url(#SVGID_164_); fill: #FF6B00;}.st154{clip-path: url(#SVGID_154_); fill: #101820;}.st155{clip-path: url(#SVGID_166_); fill: none; stroke: #FFFFFF; stroke-width: 3; stroke-miterlimit: 10;}.st156{clip-path: url(#SVGID_168_); fill: #101820;}.st157{clip-path: url(#SVGID_168_); fill: none; stroke: #FFFFFF; stroke-width: 5; stroke-miterlimit: 10;}.st158{clip-path: url(#SVGID_170_);}.st159{clip-path: url(#SVGID_174_); fill: none; stroke: #FFFFFF; stroke-width: 5; stroke-miterlimit: 10;}.st160{clip-path: url(#SVGID_176_);}.st161{clip-path: url(#SVGID_180_); fill: none; stroke: #FFFFFF; stroke-width: 5; stroke-miterlimit: 10;}.st162{clip-path: url(#SVGID_182_);}.st163{clip-path: url(#SVGID_186_);}.st164{clip-path: url(#SVGID_190_);}.st165{clip-path: url(#SVGID_192_); fill: #FF6B00;}.st166{clip-path: url(#SVGID_194_);}.st167{clip-path: url(#SVGID_198_);}.st168{clip-path: url(#SVGID_202_); fill: #101820;}.st169{opacity: 0.5; clip-path: url(#SVGID_202_);}.st170{clip-path: url(#SVGID_204_); fill: none; stroke: #F7F7F7; stroke-width: 3; stroke-miterlimit: 10;}.st171{clip-path: url(#SVGID_206_); fill: #FF6B00;}.st172{opacity: 0.15; clip-path: url(#SVGID_206_);}.st173{clip-path: url(#SVGID_208_); fill: #D6D1CA;}.st174{clip-path: url(#SVGID_210_); fill: #FF6B00;}.st175{opacity: 0.5; clip-path: url(#SVGID_210_);}.st176{clip-path: url(#SVGID_212_); fill: none; stroke: #F7F7F7; stroke-width: 3; stroke-miterlimit: 10;}

DIGITAL

The APEX products are best explained by showing a customer how they work. But, outside of video, that’s tricky to achieve within an e-commerce purchase process. We solved that problem by leading the customer through a “build your own system” experience. Customers could select items fitting their needs and, as selections were made, an illustration showing their choices came to life. This helped ensure that consumers filled their online shopping carts with the right product choices.

DIGITAL

The APEX products are best explained by showing a customer how they work. But, outside of video, that’s tricky to achieve within an e-commerce purchase process. We solved that problem by leading the customer through a “build your own system” experience. Customers could select items fitting their needs and, as selections were made, an illustration showing their choices came to life. This helped ensure that consumers filled their online shopping carts with the right product choices.

+