codejaka
builder
포트폴리오
위젯 관리
새 프로젝트
위젯 수정
미리보기
새로고침
렌더 결과는
이미지
로 표시됩니다. 저장 시 동일 이미지가 위젯 목록 썸네일로도 등록됩니다.
기본 정보
위젯 이름
*
구성 위치
Header
Body
Footer
카테고리
헤더
히어로
일반
본문 컨텐츠
공통
상태표시
단계표시
탭메뉴
아이콘
카드
리뷰
가격표
팀
CTA
갤러리
클라이언트
FAQ
댓글
프로필
오시는길
예약
푸터
간단 설명
컴포넌트 #5.
HTML 컨텐츠
<!-- Description --> <div class="container content-space-1"> <div class="row"> <div class="col-md-4"> <ul class="list-unstyled list-py-1"> <li> <h6>Headquarters</h6> <p>Ottawa, Ontario, Canada</p> </li> <li> <h6>Founded</h6> <p>2006</p> </li> <li> <h6>Industry</h6> <p>E-commerce</p> </li> <li> <h6>Founders</h6> <p>Tobias Lütke, Daniel Weinand, Scott Lake</p> </li> <li> <h6>Area served</h6> <p>Worldwide</p> </li> <li> <h6>Revenue</h6> <p>$1.578 billion (2019)</p> </li> <li> <h6>Company size</h6> <p>5,000+</p> </li> </ul> </div> <!-- End Col --> <div class="col-md-8"> <div class="mb-7"> <h5>Client</h5> <p>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.</p> </div> <div class="mb-7"> <h5>Problem</h5> <p>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.</p> <p>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.</p> </div> <div class="mb-7"> <h5>Solution</h5> <p>UV partnered with Unify to completely rebrand and launch UV's new website, marketing platform and product suite.</p> </div> </div> <!-- End Col --> </div> <!-- End Row --> <div class="my-4"> <img class="img-fluid" src="https://dummyimage.com/1920x1080/767676/ffffff" alt="Image Description"> </div> <div class="row mb-7"> <div class="col-sm-6 mb-4 mb-sm-0"> <img class="img-fluid" src="https://dummyimage.com/580x480/767676/ffffff" alt="Image Description"> </div> <!-- End Col --> <div class="col-sm-6"> <img class="img-fluid" src="https://dummyimage.com/580x480/767676/ffffff" alt="Image Description"> </div> <!-- End Col --> </div> <!-- End Row --> <div class="mb-7"> <h5>Website, marketing platform and product suite</h5> <p>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.</p> <p>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.</p> </div> <div class="my-4"> <img class="img-fluid" src="https://dummyimage.com/1920x1080/767676/ffffff" alt="Image Description"> </div> <div class="row mb-7"> <div class="col-sm-6 mb-4 mb-sm-0"> <img class="img-fluid" src="https://dummyimage.com/580x480/767676/ffffff" alt="Image Description"> </div> <!-- End Col --> <div class="col-sm-6"> <img class="img-fluid" src="https://dummyimage.com/580x480/767676/ffffff" alt="Image Description"> </div> <!-- End Col --> </div> <!-- End Row --> <div class="mb-7"> <h5>Creating a new brand</h5> <p>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.</p> <p>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.</p> </div> <div class="mt-4 mb-7"> <img class="img-fluid" src="https://dummyimage.com/1920x1080/767676/ffffff" alt="Image Description"> </div> <div class="mb-7"> <h5>Result</h5> <p>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..</p> </div> <div class="row mb-2"> <div class="col-sm-4 mb-5"> <!-- Info --> <div class="me-sm-3"> <h3 class="h1 text-primary">705%</h3> <p class="mb-0">Increase in website sessions comparing 5 months before and after launch</p> </div> <!-- End Info --> </div> <!-- End Col --> <div class="col-sm-4 mb-5"> <!-- Info --> <div class="me-sm-3"> <h3 class="h1 text-primary">302%</h3> <p class="mb-0">Increase in conversion rate comparing 3 months before and after launch</p> </div> <!-- End Info --> </div> <!-- End Col --> <div class="col-sm-4 mb-5"> <!-- Info --> <div class="me-sm-3"> <h3 class="h1 text-primary">84%</h3> <p class="mb-0">Increase in time spent on website</p> </div> <!-- End Info --> </div> <!-- End Col --> </div> <!-- End Row --> <div class="row mb-7"> <div class="col-sm-6 col-md-4 mb-5"> <div class="mb-3"> <h6>Branding</h6> </div> <ul class="list-checked list-checked-primary"> <li class="list-checked-item">Style exploration</li> <li class="list-checked-item">Identity development</li> <li class="list-checked-item">Visual language + Art direction</li> <li class="list-checked-item">Brand guidelines</li> </ul> </div> <!-- End Col --> <div class="col-sm-6 col-md-4 mb-5"> <div class="mb-3"> <h6>Human Experience Design</h6> </div> <ul class="list-checked list-checked-primary"> <li class="list-checked-item">Marketing website</li> <li class="list-checked-item">Newsletter modules</li> <li class="list-checked-item">Design system</li> <li class="list-checked-item">Product Images</li> </ul> </div> <!-- End Col --> <div class="col-sm-6 col-md-4 mb-5"> <div class="mb-3"> <h6>Development</h6> </div> <ul class="list-checked list-checked-primary"> <li class="list-checked-item">Front-end development</li> <li class="list-checked-item">Website development</li> <li class="list-checked-item">Custom Wordpress CMS implementation</li> <li class="list-checked-item">Quality assurance</li> </ul> </div> <!-- End Col --> </div> <!-- End Row --> <!-- Blockquote --> <figure class="blockquote-lg mb-7"> <blockquote class="blockquote">“ 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. ”</blockquote> <figcaption class="blockquote-footer"> <div class="d-flex align-items-center"> <div class="flex-shrink-0"> <img class="avatar avatar-circle" src="https://dummyimage.com/160x160/767676/ffffff" alt="Image Description"> </div> <div class="flex-grow-1 ms-3"> Tobias Lütke <span class="blockquote-footer-source">CEO, Co-founder | UV</span> </div> </div> </figcaption> </figure> <!-- End Blockquote --> <a class="link" href="#">Visit UV <i class="bi-chevron-right small ms-1"></i></a> </div> <!-- End Description -->
변수 플레이스홀더:
{{변수명}}
편집 가능 변수
변수 추가
삭제
저장