JOIN OUR NEWSLETTER
Subscribe to our newsletter to stay informed
about our latest work and studio news. As well as
information on current positions and internships.
Share +
2021.08
YNL Design Website Renewal
YNL Design 웹사이트 리뉴얼
-
CLIENT
YNL Design
-
INDUSTRY
Corporate -
SERVICE
Creative Strategy ,
Verbal Identity ,
Web(UX&UI) -
AWARD
-
COPYRIGHT ⓒ 2022 YNL DESIGN. ALL RIGHTS RESERVED.
-
THE CLIENT
클라이언트
YNL Design developed a new UI/UX of the existing website and mobile site, which had been used for a decade. YNL Design motto is that 'WE BUILD BRANDS THAT TRULY CONNECT.' We provide a special and differentiated brand experience by understanding the essence of the client. We carried out the WEB & MOBILE Web Renewal Design Project to develop a client-centered system and convey YNL Design's professionalism and sincerity. We renewed our sites as a client-oriented platform that can enhance clients' convenience and satisfy users' needs through the formation of subdivided categories by improving the existing project-oriented platform.
YNL Design은 10년 동안 사용되었던 기존의 웹사이트와 모바일 사이트의 새로운 UI/UX를 개발하였습니다. YNL Design의 모토는 '우리는 진정으로 연결되는 브랜드를 구축한다'입니다. 우리는 고객의 본질을 파악하여 특별하고 차별화된 브랜드 경험을 제공합니다. 고객 중심의 시스템을 개발하고 YNL Design의 전문성과 진정성을 전달하기 위해 WEB & MOBILE Web Renewal Design 프로젝트를 수행하였습니다. 기존 프로젝트 중심의 플랫폼을 개선하여 세분화된 카테고리 구성을 통해 고객의 편의성을 높이고 사용자의 요구를 충족할 수 있는 고객 중심의 플랫폼으로 사이트를 리뉴얼하였습니다.
-
THE OBJECTIVE
목적
With a clear corporate vision and values, we decided to develop a website that considers the accessibility and convenience of users. Using typography adopted from YNL Design's new CI mainly, we represented a consistent brand identity. We introduced ourselves as a branding agency that provides a diverse and flexible brand experience by producing and showing videos containing YNL Design's content to express the brand's values and vision earnestly. We drew attention by accentuating the monotone main color with neon color and expressed the image of a branding company with a character and imagination.
뚜렷한 기업의 비전과 가치를 지니고, 사용자들의 접근성과 편의성을 고려한 홈페이지 개발을 목표로 하였습니다. YNL Design의 새로운 CI에서 차용한 타이포그래피를 메인으로 활용하여 일관된 브랜드 정체성을 나타냅니다. 브랜드의 가치와 비전을 적극적으로 표현하기 위해 YNL Design의 컨텐츠를 담은 영상을 제작하고 보여줌으로써 다양하고 유연한 브랜드 경험을 제공하는 브랜딩 에이전시로 소개합니다. 모노톤의 메인 컬러에 네온 컬러를 포인트 컬러로 활용하여 이목을 집중시키며 개성과 상상력을 갖춘 브랜딩 전문 회사의 이미지를 표현합니다.
-
THE SOLUTION
해결방안
The website is simplified and organized based on a well-thought-out GRID SYSTEM to express the attitudes and values of YNL Design in a minimal and modern way, building YNL Design's own brand identity. It allows users to feel the image of a design company that changes flexibly through interaction with the changing background. By adopting a simple and intuitive menu, we improved users' accessibility. Also, we arranged the information that the client considers essential so that they can be found at a glance to convey the information concisely and clearly. We have created a system environment that eliminates unnecessary information exposure and allows users to obtain information quickly. We allowed users to move naturally through intuitive category configuration and improved convenience in user experience. On the all projects page, we presented various projects at a glance and showed the scope and scalability of YNL Design by separating industry and service sections. We made it easy for users to find information and increased user access to create an environment to learn information swiftly. The grid system used in the PC is also applied to the mobile device to provide an integrated visual experience for each device.
웹사이트는 체계적인 그리드 시스템을 기반으로 절제되고 정돈되어 YNL Design의 태도와 가치관을 미니멀하고 모던하게 표현하여 브랜드 정체성을 구축합니다. 백그라운드가 변화되는 interaction을 통해 유연하게 변화하는 디자인 회사의 이미지를 나타냅니다. 단순하고 직관적인 메뉴 구성은 사용자의 접근성을 높이고, 클라이언트가 중요하게 생각하는 정보를 한눈에 보기 쉽게 배치하여 간결하고, 명확하게 전달합니다. 불필요한 정보 노출을 없애고 사용자가 신속하게 정보를 얻을 수 있는 시스템 환경을 조성하였습니다. 직관적인 카테고리 구성을 통해 사용자들의 자연스러운 이동을 유도하며 사용자 경험에 있어 편리함을 향상시킵니다. 전체 프로젝트 페이지에서는 다양한 프로젝트가 한눈에 들어올 수 있도록 하며 산업과 서비스 섹션을 구분하여 YNL Design의 업무 범위와 확장성을 보여줍니다. 사용자들이 정보를 손쉽게 찾을 수 있도록 하며 사용자의 접근성을 높여 원활한 정보 습득 환경을 조성합니다. PC에서 활용된 그리드 시스템을 모바일에도 적용하여 디바이스별로 통합된 시각 경험을 제공합니다.
SHINHANCARD SOL TRAVEL
Creative Strategy / Graphic / Photography Direction
TAXBACK
Creative Strategy / Branding(CI) / Verbal Identity / Web(UI)
O'2ND
Creative Strategy / Branding (BI) / Verbal Identity
TEAZEN Kombucha Sparkling Tea
Creative Strategy / Branding(BI) / Packaging
HJ CRUISE & HJ MARINA
Creative Strategy / Branding(BI) / Verbal Identity
SHINHANCARD SOL TRAVEL #02
Creative Strategy / Graphic / Photography Direction
LEONE CONSULTING GROUP
Creative Strategy / Branding(CI) / Verbal Identity / Web(UX&UI)
LEONE WEBSITE
Creative Strategy / Web(UX&UI)
AEROTITAN
Creative Strategy / Branding(BI) / Verbal Identity
TEAZEN Kombucha
Creative Strategy / Branding(BI) / Packaging
Amway Limetree Tea Collection
Creative Strategy / Packaging
BERRY BLUSH
Creative Strategy / Branding(BI) / Packaging
Seoltab
Creative Strategy / Branding(BI)
IROE Juice
Creative Strategy / Branding(BI) / Verbal Identity / Packaging
ON PRISM
Creative Strategy / Branding(BI) / Verbal Identity
K-DESIGN AWARD YEAR BOOK
Creative Strategy / Editorial
YNL Design Website Renewal
Creative Strategy / Verbal Identity / Web(UX&UI)
SHIHYO
Creative Strategy / Packaging / Application
THE CHEF'S TABLE
Creative Strategy / Branding(BI) / Verbal Identity / Signage
pigeon
Creative Strategy / Branding(BI) / Packaging
STUDIO EON
Creative Strategy / Branding(CI) / Verbal Identity
ATHERTON
Creative Strategy / Branding (BI) / Verbal Identity
HOLLYS
Creative Strategy / Editorial / Graphic
YNL Design
Creative Strategy / Branding(CI) / Verbal Identity / Web(UX&UI)
I'm eco
Creative Strategy / Packaging
Mobil 1
Creative Strategy / Branding(CI) / Verbal Identity / Editorial / Graphic / Signage
IROE
Creative Strategy / Branding(BI) / Verbal Identity / Packaging
HJ MARINA CAFE
Creative Strategy / Branding(BI) / Verbal Identity / Packaging
AU CALM THE TERRACE
Creative Strategy / Verbal Identity / Branding (BI)
LOTTE HIMART MEGASTORE
Creative Strategy / Branding(BI) / Verbal Identity / Signage
SCOTT
Creative Strategy / Packaging
Stilla Plastic Surgery & Anti-Aging
Creative Strategy / Branding(BI) / Verbal Identity / Signage
SERENU BLACK
Creative Strategy / Branding(BI) / Verbal Identity / lllustration
LOSHIAN
Creative Strategy / Branding(CI)
MakJi
Creative Strategy / Branding(BI) / Verbal Identity / Packaging / Illustration
Coset
Creative Strategy / Branding(CI) / Verbal Identity
KHASTO
Creative Strategy / Branding(BI) / Verbal Identity / Applications
POOL HOUSE TERRACE
Creative Strategy / Branding(BI) / Verbal Identity / Signage
Voithru
Creative Strategy / Branding(CI) / Verbal Identity
VIVE STUDIOS
Creative Strategy / Editorial / Graphic
HAOBIN
Creative Strategy / Branding(BI) / Verbal Identity / Signage
The Ambassador Seoul A Pullman Hotel The Lounge & Bar / The Kings Signage
Creative Strategy / Signage
Finmate
Brand Naming / Brand Identity / Creative Strategy / Brand Slogan / Brand Tagline / Applications
PRIOR Tax Corporation
Creative Strategy / Branding(CI) / Verbal Identity / Web(UX&UI)
Kitsch Cow Butcher Shop
Creative Strategy / Branding(BI)
Urban Launderette
Creative Strategy / Branding(BI) / Graphic / Signage
SERENU
Creative Strategy / Branding(BI) / Verbal Identity
DAVIDECHOI
Creative Strategy / Branding(BI) / Verbal Identity / Packaging
RAON WOMEN'S CLINIC
Creative Strategy / Branding(BI)
depetz
Creative Strategy / Branding (CI) / Application
LPHYSIO Prestige Fitness & Therapy
Creative Strategy / Branding(BI) / Verbal Identity / Web(UX&UI) / Graphic / Signage
PRIOR WEBSITE
Creative Strategy / Web(UX&UI)
LPHYSIO WEBSITE
Creative Strategy / Web(UX&UI)
COLD SPRING ORGANIC
Creative Strategy / Branding(BI) / Verbal Identity / Packaging / Illustration
OTTOGI GIFT SET
Creative Strategy / Packaging / Graphic
TIME VIP VOUCHER
Editorial / Graphic
PAUL BASSETT
Creative Strategy / Editorial / Graphic
wonderaum
Creative Strategy / Branding(BI) / Verbal Identity
Seoul Arts Learning Center
Creative Strategy / Branding(BI) / Verbal Identity
SYSLEEP Mattress
Creative Strategy / Branding(CI) / Verbal Identity
La MUnir
Creative Strategy / Branding(BI) / Verbal Identity / Packaging
COURS de REVE BALLET
Creative Strategy / Branding(BI) / Verbal Identity
Wink Plastic Surgery Clinic
Creative Strategy / Branding(BI) / Web(UX&UI)
ARTISTRY STUDiO
Creative Strategy / Graphic
DORMIRELAX
Creative Strategy / Branding / Verbal Identity / Editorial
COMME AESTHETIC WEB
Creative Strategy / Web(UX&UI)
RIVER ANIMAL MEDICAL CENTER
Creative Strategy / Branding(BI) / Verbal Identity
D-forest
Creative Strategy / Branding(BI) / Verbal Identity / Illustration / Signage
COMME AESTHETIC
Creative Strategy / Branding(BI) / Verbal Identity
OTTOGI OMU
Creative Strategy / Branding(BI)
Grampus
Creative Strategy / Branding(BI) / Verbal Identity / Editorial / Graphic
HIGH hOLBORN
Creative Strategy / Branding(BI) / Verbal Identity
ARTISTRY SIGNATURE SELECT BODY
Creative Strategy / Editorial / Graphic
Jules Diary
Creative Strategy / Branding(BI) / Verbal Identity / Web(UX&UI)
RAON WOMEN'S CLINIC WEB
Creative Strategy / Web(UX&UI)
Mannings & Guardian Store
Creative Strategy / Branding(BI) / Graphic
Incheon International Airport
Creative Strategy / Signage
EMINENT
Creative Strategy / Branding(BI) / Web(UX&UI) / Signage
Maison de MARIANNE
Creative Strategy / Branding(BI) / Packaging / Signage
WINE WORKS
Creative Strategy / Branding(BI) / Packaging
ROOS
Creative Strategy / Branding(BI)
Dr.Hong Probiotic Drink
Creative Strategy / Branding(BI) / Verbal Identity / Packaging
BuilderHub Icon
Creative Strategy / Illustration
ELMNT Skincare
Creative Strategy / Branding(BI) / Verbal Identity / Packaging
Damtuh Finest Tea Collective
Creative Strategy / Packaging
Diligent Farmer
Creative Strategy / Branding(BI) / Packaging
DAIZ
Creative Strategy / Branding / Signage
Damtuh Herbal Tea Special
Creative Strategy / Packaging
LIA
Creative Strategy / Branding(BI) / Web(UX&UI)
MAISON TICIA
Creative Strategy / Branding(BI) / Packaging / Illustration / Signage
Innisfree Green Cafe
Creative Strategy / Graphic / Signage
Gelato Spot
Creative Strategy / Branding(BI) / Packaging / Illustration
OASIS Veterinary Surgical Center
Creative Strategy / Branding(BI) / Signage
MS PREtea Cafe
Creative Strategy / Branding(BI) / Packaging / Illustration
SUGARCUP
Creative Strategy / Branding(BI) / Graphic / Signage
GAYEOP KOREAN DINING
Creative Strategy / Branding(BI)
THE OTHER BEANS
Creative Strategy / Branding(CI) / Verbal Identity / Signage
HOHOMEAL
Creative Strategy / Branding(BI) / Packaging
KB Card
Creative Strategy / Editorial / Illustration
THE HILL VETERINARY MEDICAL CENTER
Creative Strategy / Branding(BI) / Signage
PENNY LANE
Creative Strategy / Branding(BI) / Packaging / Signage
Cafe Cconnal
Creative Strategy / Branding(BI) / Packaging / Signage
Nature Collection La plusbelle
Creative Strategy / Branding(BI)
Dr. EL Toothpaste
Creative Strategy / Branding(BI) / Packaging / Illustration
REMICONE Ice-cream Cafe
Creative Strategy / Branding(BI) / Packaging / Graphic / Signage
STATION NEO
Creative Strategy / Branding(BI) / Signage
IL BIANCO
Creative Strategy / Branding(BI) / Signage
Dr. Vranjes
Creative Strategy / Branding / Graphic
REMICONE Ice-cream Flagship
Creative Strategy / Branding(BI) / Verbal Identity / Graphic
DISCOVERY Expedition
Creative Strategy / Branding(BI) / Graphic
LUMYD
Creative Strategy / Branding(BI)
Bunny Drop
Creative Strategy / Branding(BI) / Verbal Identity / Packaging / Illustration
3D BOX
Creative Strategy / Packaging
Katakomb Lounge Bar
Creative Strategy / Branding(BI) / Verbal Identity / Signage