Case study

Nova – Responsive WebApp UI Kit

UV offers online retailers a suite of services including payments, marketing, shipping and customer engagement tools.

Headquarters

Ottawa, Ontario, Canada

Founded

2006

Industry

E-commerce

Founders

Tobias Lütke, Daniel Weinand, Scott Lake

Area served

Worldwide

Revenue

$1.578 billion (2019)

Company size

5,000+

Client

UV Inc. is a Canadian multinational e-commerce company headquartered in Ottawa, Ontario. It is also the name of its proprietary e-commerce platform for online stores and retail point-of-sale systems. UV offers online retailers a suite of services including payments, marketing, shipping and customer engagement tools.

Problem

UV was founded in 2004 by Tobias Lütke and Scott Lake after attempting to open Snowdevil, an online store for snowboarding equipment. Dissatisfied with the existing e-commerce products on the market, Lütke, a computer programmer by trade, instead built his own. Lütke used the open source web application framework Ruby on Rails to build Snowdevil's online store, and launched it after two months of development. The Snowdevil founders launched the platform as UV in June 2006.

In June 2009, UV launched an application programming interface (API) platform and App Store. The API allows developers to create applications for UV online stores and then sell them on the UV App Store.

Solution

UV partnered with Unify to completely rebrand and launch UV's new website, marketing platform and product suite.

Website, marketing platform and product suite

We designed and built a new website for UV from the ground up, introducing new functionality that vastly expanded opportunities for the content marketing team — through case studies, a media rich blog and gated content, all with multi-language support.

Our development team integrated the website into a custom-built WordPress CMS environment, providing the marketing team with complete control to create new pages, copy and re-order sections with ease, and without the need for a developer.

Creating a new brand

We developed a new visual identity for UV including iconography, illustration, color scheme, typography, and the design of a new logo. We supplied extensive brand guidelines to support the marketing team in all future brand executions.

UV's brand positioning is centered on the concept of “freedom to create” — meaning that by shortening the learning curve for video creation, it opens up greater possibilities and creative potential to everyone. We developed the new visual identity to embody this sense of freedom.

Result

After 8 months of collaboration we successfully launched the new UV brand and website integrated into a custom-built WordPress CMS environment. With the launch and continuous optimisations we managed to increase website sessions, conversion rates and increase time spent on the website..

705%

Increase in website sessions comparing 5 months before and after launch

302%

Increase in conversion rate comparing 3 months before and after launch

84%

Increase in time spent on website

Branding
Human Experience Design
Development
JFIFddDuckyd&Adobed q/H 0! 1"#A@2$ !1A"Qa2qB#0Rb$3 rC@ѲSc4T%&!10AQa" 2q@Bb3#!1AQaq 0@ KxP0עD"(^/IA8 *QNӵJ [])$["$"kKúpI&*4͊;F]7\Q=sMa޻Cu9#J)CR ̺n'p4vC:FzŚ]rƙј[Y"*T$tPS *D)6QWpur-Gqjz 362Kfi7n5J d\PWoǹPwʞ3*hzT2T&#SOzeDQ"+̡ /'qjD]oHsêƦȇzf$jD s*Tq_<*yT/8PY(oDz gAۛ`(!عJԏ.:F Iu.`v2cd ʶ5 mɄ"*iA|il+key͘,ޞ4:yO2w/{T/"W:ZSo+N oEe5SEſzo8Jyb` " )(1^ާK+n}Ϩ75.2M$cutY E< Aotu/729s<{1r_Ѹb[+-YNEQq>FT"JmY`o#X#PüPѰ~\Lr5\\?e=L1%WK4Kqi,jg~t33==y$sN%d11D)[9 &~ӖG)̍n:sxp0B]1t%0kRض[>.,qG7?265:ڴ4"n2 xɍ+V<>}R&=qv !֏oČ8VR~E"y3/rBۣ i}TW8ObTr1 &8$5ֵ.zɎ33B\$hV"BCm u"0oCdO4%!&K3{kq.9n!͎JlmLl΃Vv ѮmgJݵΔ0eedrtP K{0\<b#>26^IF, ԓŰv*1-LRHZ#5_xk9ET$^R6Hh#JnPѱ*Bm%xUO.*ZSgW@q$*g{z^:Z:eR1o$F K D.lw8?&*DZFiYkHAjKDNOFAU 5^5Vt"UPH GALV ɒgѴܵ HТSBێ$-%/G#db.{ӣ]T~ Q~(Vd[( :(U֑}u#%#J`]$yEmsz>m%|U hEtqhڰ˚{Нw (&SrP}+-NAUUi=o-Kԩ/w7p*֑z/RmIMֈH:pC T+[]URm ڋJ:z=T-ȧc@uEVn*=D if" Тmֵ@k ӭrGBO&6 mթ@sQ Q\פ4ݶ;ˊ `jB-LYO2֤FQsʷ_mcM9-{Vr5GLዬ<]~)ci@WRN F了:6G.(eTWlV; M *n:AA*Ӫ-j:. 8 J59vX"'J!袈#Z׌I̎)kNHmuu:+EZ5t h/Qm\:RR_W?3!pu 'j$H1  Z0P).`S4 4 qIu%E?8)d-פэ:*#䏥0 O).e aaQLn5ȅmzd L4APiHRjNNB6VigA-;7!oI`r%NE+2Y~nL6(0>^, s rlCù3?r W'137z?"ΑUEO1wTDQQDn!&58 b> L&5;&""N"6'f/ugGbD)-sqK6V2w&ބx27$7vp8&rs+ mUS"(x]0ݟ:LTR0Ѕ!Kp򺀡?A^!!1)w89/1Eb:CAAxFNu'i)^-9ܯ?ͳ.s;b!dL#܅%. VFt?🦡J]Z ',9cj؂O,?T'Qj7']64+}??q{ko ^kF֑;d4.p KޕK+ni ..u3zh"AҦD-itË0[qq4ijgV;ZB$Hm%IMLVJqˆmpIo<_d+qj AX6ƉfyV7JfƷuLW N h0neG I@$4m'+[4,jYyt]#61&n[I<o-[i(z4KϤj;ۺ;kxU$,sGSZRg<&ASjy=˴g1tr5BxO|Zw"=IJėb2T+:?NGe |ݍ\,/ʫ=\&CrhV}D\AB89VRJ봭wḉtIL>`ą [HXNAš0%á.\ƨWR40DE,*$o+ڪ5Jv)ZN'/亝$I\0ɫpKq/u TrꕇX{j}1ܑ9͎zP<> "sNGI\IcdԂG|@0x0reᆗ}]rN/S(|j1M^~]kܷp8Z{酛(N/OpwcJU^Ffե9+#x~r; ($uj}õn]HCQC:쌹KtIN&r\VXn8X™jE~9*>߈5{>#og63Rzdϙ`q k`Fbi犜<*SfU㭚Yr[~dEɶ0Q)$kRMJL i6WR3-:5nB$PuTm\\YJ)5hմ1M@k>F_c~?vqnI>?KvyJqN <3N^p&ר09zzˑ(&dͿ*؅LWWOhlۃsUơv0UHeQŽ9Ikwn{ō[;[.qhO mق;g;MZ*¯=pHT;Hyfgt 4ᷟזW]ir7KaY&hQD)R˷ YL=kdz\īAs#8olKUsos@Ļ[D gpIs>fp7{|kɦQUs+4J pMy1l\.>}G5'i_?8EsrHӥSgbы"4fen2 qans3'`_mgu .>E^?#Q k}/_m[[aHY$ojb\\mInUnHl..+eCI 4u1Hy LV9J3t00#F^?ZB9b6' 5dNQ=#> 2qo3hmP%"hQIGX k{j?j̄/G,\D?a{nm-j<'l۠\v1"whmrJP}f~6hiq<]ԳYUe3.vm{ww hL2HɍQx”Z=58,jK:FpXUP]:ꕇj:k4HJY G鮚6W= 9fv!:b9k1QRp ;pEcJWP'6-]lm|ģ^e<gHEc%z-濎) ]5i#Veph Tjqb {V=%V)yqm=ӎ;SMT9SFZp8\J^ JͅZSXH^dE]gU4dVY*eCFZN{ `I mcjZysaΕˉF@Rӏ} oCLMd}j.2\8O3dER<$1Ǧ5w ( Em:DTooq<1vElۉbI"UAff4UP*I'm_qܳ]| 3aȏቮiidy$݉͝8ZG8ֿ|\G,Ý3:T(ywZ$Li5}Gj < #^j9SRN! & kJ*r$r#cX:yy`*~!Lj=G6%^,sIXHfv:zǗqsNyygʬ(=NEzݙ}k_Ja] z yꦜ,^r}&1 b~<"E 4g%8g=k8߃⴨SO.UtOZ ET9;JmWثLP!k"o WQ/tvE6f"x\B$:hVQҥU+J՚PmsM)`-[s\Z 38{B &z5Z>V#^C5v ?%ɋΠqWRΒږrdk!G7 B+B7,A=tZ,-A3 e0G45^EܘQ4ӛ*U#&%75M7hʢp :uv/MLt\ #+Szv5zR hR'-PE*6YC]H)}3.ʳw jEp.* ,lFXlѬ6KCͽX01pApwf,3C3IjZnkpnZԼZh &b&։HnoC6C +),?'rbxjV\%ܸ##8j[m=l4\0>SSjΘh5Ja[*aViyl j_Z ] e#jwXHf-Wqӎ \qMvT+ȑYq/Su)ZoJ8kmAdadJ1*9S9QK40G)jlTz"܎鸱Ct4j6gj dz2ֽYP]+_|zlgP쪕R_LrH]|աh 5N~ )Ƌb(eB2eUZ'eV::;ŷE Bk|2UJ^%g!b `oTq&5X-5= ]luKŏEy;@jQXq(($>"AQ6o#&WB@" ܮ&FeWr٘Uq&zG_ ȍi|{5.J~)x̵\^wG PbG7]WS `ֹ)Tx9 ~Dv )FgSe /S0mG[W\PhR]Ma@,Y*;P4X/`g,PL.C̹͗Sn0Uu QPx9?!Hy]sЙ+)V=cyEOO|]'f\^\x~/s8:t>o@!>!+_>[5EN;: 4eaH:`d"z~_LgGxF*:s:7-rdVA{8LS/%Qa2kD}ĶPd֦)QӦ(sW-/c;BS 9u6'-o/!l6_o\{ M_}MlqRZ0`U mSl?Hp!'+} ^ yc0@QyJxCvNp\MC Ӊ壝1t^';g1\,/+`qp̷ nq'p:dYcCNOTr ,2BZYZmOuڊTy%.ǿ&?aP'_E;VG;tF-5缣KGV1DBB8.? .}qh8vD!#bKD9}Tv7׷3Tc!Qʢ s)!×A۫tzq<#zm^0E _h~ |5(W3zTb ?!z ž1_ybh}8zǘh?RqYSBӯ Ax{P?>}Ic{[=* SXY^2d[FAyĶt<Ϥq(i \tnmWs3'㉶}){WPgc< P/K}|:EUrݩMq.M bi膛Aa7kd c3t ۚ-71|xmtKL{3K=OƢ,xyI7}3ET|k~{OdI8g>y\N?8_f<_7VaIPIkdN#PV4O*Rv_A47pq&"߈Z@&FcWx1ΰ4`o?I=}s,px A "TL%R휸Mq<B #pԺqB_t~% s?|D?`bRF%Bn7)(3CܻCQ8+ygmqgC aAYوl:1gci9^(7 8O^k9iY3 D򕕽"}>0osMz7gNeY-AN@1tuu{{}4zq#pF`E~&"IGG?OT}88 m+f' d|{ O7KBAδS(;Yiu"!qט;"AɿT8e<n}zϟ!VF}i61V?(eHm֒}K<0 s+EQ/c@pF?}JS?'zy{=1KŮg]^^ BE R7t}-Vj7urs]0(qϼσi}u)a=٨_A%/S[nMcEZLhS@yxf3@uͥf C)7C+fUO!(P?qVT>_x?YeJ?XtDw.7V kIqb'^- 62pip,jٰ" rna 6$Uc{x)G动Sd%R,yfG9G{:-T˷?W`}׉E_1"U`rf<.nu ”d}PTE?H,QvCu2Wf`߳ /^ hjL8u`E%7d2e M<,;b35"J@eS'e iM&҆"& U!Ez\J6p,A-*q S6&%ZqA85K7o!v}&{ g `nHX(ǐexR[4##~D^TX;i*@TUpSCF v+0bQoݳ6"!s+3!0Z#ﮏIIPsD{5?>Z-[!İrh:^hmARVpьa)\AGCk{MQl_FMvR% ~P`EH*6ݜFlk `G`Ϻ_0eCƸ>xˁ>#̠h1Cc/"89a;["0 YB C9o"8%5lA*y+Y1 K@ON E=;}~=YCϽߌNcdIS-LcHL%{$.XQޱzĆ0WM9@,.6CM1bi_Y ߰49-ܕm <2g^6j&x1ư&i,]1֤dId ="gsA-oV+O3b*2 L Iˀ-ye;pq'C*M0)ٙ^]!(ϰR(!$(^l2 =s~z}g0g |uS̳A{߭l@:R. ,rAFi7v D0=PNHY]2qZ2Ī"7/T Q@bW͉$ x'/WY[z_W6}`;"+8=$(tut]H,-DB*fy;RV`ll q+떂L!ԥ 7cղ̭yMAp:B+V!7v{b1U&Z}!ϿP텱e0P+Q'kZ4ߍ%Raٰ&YQ(4%ݸ/J ʀwz,ܧb6 W-68u/38_vN;߿B:XL Ҍ )(@SxA-Y0}WVb6͖.Z$龶XԹ*@pFkՒ^F);HjYQ AgG8/+s8|*mD֏B^\R??:7.-{|{)!; k#mlJUQA(pt/*5Z,cJ701j'h,D@M<&ciuj.HE,PųJq HM"bEUMDuY-ۑ 艧 )2HLvV^xn 3^&<wT-mą"lPZ8^l]zQЁe5Hy>r_DXͪ5hD\xcQP| OpZraNps|o E&eR8ĺެY҃l w~а ,9o(U51G=c %Ԧm}[BѳFwlZY\ 3[崂 [+ (WwEJw|DEBQq Ws Veӓ!\ ɀk8[Rz@6J*6RᤍX&^U AܛG EKpL&]m&jqyZE x.T^ԝuX^T.ĤFY6DNy|ם7Orc4a}3}7Z`]9R}HG+ly9ʉ#_D*PJ)q{2nȩV:sZs]z[}+ۈ~?QkPW/Q@6$!pUWChXx?A汣P/ʼvI[ -+ }UAjU^CsLCOx X/ u2dq}KϽq(q3R<<+6l8;ztO0߭h=wҒ{fo5Xw׏YcO2 ׼! 'b1,߫Ja Oij=cn֏=_:J@TsG3CPE"QcoϤw%TQ"C2JV6g3h[L ^C_"_ ˞ 1($Fm9"z^B`/`RJ >taۜ3QKĴ-R U!Hr'%RZ%}hSUxoZKzKZ11p TG5'u=UqG@U=%'/*k3 z0ԩY'0sG8Sʚbm6~aS[u6.Bd %Fn+ɸ>X)/\ \|Y̪uvlu(;, RV<7s3Vu ˗ ygcp`8z ,WU4"9ن &`ں2g@3U fctgZf/۷1+0+/,h8p}`pf&4, 7+Qu[v-Gwn. WNcNp~%>_z\N9:I='/EǴ{>^%Y@a*p[C a &TC`?zs8 rO0f=;K] kwG~{<_F#25G̩yCakɫ6Yq۶I|>t4E^0yz<& m%ǒ6Fzyz`|{^iBBX7e@,c9.:[@=)\74,&)⌊\UZ*/4|ijYKʬx6Aۼ_]sr;ӓ9 sV]ttR *m ~>PT5t,xT:Jjt,˅c5~3heU  0 ſn( 7]\%O&y64u~o-YEw>קJa{⁼a!S%մ30c(g ܪy(htVd]FwVUm,u0,< KL@많`g>!/g ̹~DB0Uݻ2q9b_ϙ@ WV#}Ķ/̴!]꜠σ?pq#F!p>AQJMb !py9 \oAyc/퇴ekxAh4|6$k߾yF;ӉP}GwȂDĥ]0_+%w??:)]v?V|Vxe:EmsH (x{RucÎ׷)# -z((M _g݋xSOd2 N0GDI(kT[o}* tQ6q[ݞY,sD bd*؛<[gE Qk%}*Cwousu, X`}e Δ \8ݏ0DbҦ /-/ ŒZטr !..y^aBl#ØCuJeRڔ:bW|Q9e,N;s&Cky+|BWhлJo.-7`+ס2cE,uN#ouPCJ#@ +hƻ:z%(Vz:{ ۴{a/>/(J vࢨ#x ȉTQqv|0Y+M!) f"~EHMQڌYEK6GX>_Z/OkE5ӂQ>L]x}qk:O~߬Fxъ~%ŝ0t8jFoc_1h8u뫈f}?^c R/#S3-;^n5aV_{y*}au۶`^~7QlkU} f>ϭzPՅ4?] ;& JyE^I#@ur=MZ0ѵ"%3S+p%8[={Ǽ7/=s|&D%U)z0`z9YC@LѪP,D#cٝ +_Kw>-}ob9}`&DߕCw7^R#!#0N,\uVOE`r%5 44>R}Yb'R‹bYS(47NHh%9>d*T-d5`)2=Ru-LktyJXė~<|#Ի1(s4d
“ With our new visual branding and language in place, the new UV brand clearly captures the essence of our current and target customer base, our employees, and our values. ”
Tobias Lütke
CEO, Co-founder | UV

Related works