Network Solutions
Bold and energetic brand transformation for the world’s first domain registrar.
Visual System & Guidelines
2025.06 – 2025.11
Bold and energetic brand transformation for the world’s first domain registrar.
Visual System & Guidelines
2025.06 – 2025.11
Overview
Lippincott’s Design and Strategy teams worked with Network Solutions, an online web service provider offering building, hosting, domain name service, and built-in AI features, to create a refreshed visual system that takes on a bolder, more distinctive character in the market. As part of the small but mighty team of 1 Design Partner, 1 Design Director, and 1 Designer, I contributed to the ideation and development of logos, monograms, and visual systems.
도메인 호스팅과 AI 기반 웹사이트 디자인 등 온라인 웹 서비스를 제공하는 Network Solutions의 새로운 비주얼 시스템 및 브랜드 포지셔닝 프로젝트에 참여했습니다. 초기 아이데이션 및 라운드 1부터 4명의 디자이너 중 한 명으로 참여하여 3가지 비주얼 디렉션을 담당했습니다. 이후 라운드 2부터 최종 단계인 브랜드 가이드라인 제작까지 디자인 파트너(CD) 1명, 디자인 디렉터(DD) 1명, 디자이너 1명으로 구성된 소규모 팀에서 협업하며, 비주얼 시스템 구상과 가이드라인 개발에 50% 이상 기여했습니다.
Background
Despite their long history (Est. 1979) of being the world’s first domain registrar, Network Solutions had a relatively weak online presence compared to many of their newer competitors. Over the years, while they continued being a reliable source of web services for their customers, their own identity became scattered. Recognizing the need for a newer and bolder visual system that better unifies the wide range of services offered by Network Solutions, the Lippincott team worked to strengthen and rebuild a visual system that reflects the newly developed brand platform, personality, and positioning.
Through stakeholder interviews and insights workshops, it was discovered that the Network Solutions customers felt a strong connection with the brand via their customer-centric messaging and personality. To continue driving this level of emotional connection crucial to SaaS businesses, the team worked on creating a design solution that doesn’t overpower the actual customer experience, but still demonstrates energy and vibrancy.
1979년 설립되어 세계 최초의 도메인 등록 기관(Registrar)이라는 역사를 자랑함에도 불구하고, 후발 주자들에 비해 시장 존재감이 약했던 Network Solutions는 브랜드 아이덴티티의 통일성을 잃은 상태였습니다. 이에 Network Solutions가 제공하는 폭넓은 서비스를 시각적으로 효과적으로 통합하는 동시에, 볼드하고 자신감 넘치는 브랜드 페르소나를 반영한 비주얼 시스템을 기획하고 개발했습니다.
디자인 단계에 앞서 진행된 인터뷰와 리서치를 통해 파악한 Network Solutions만의 차별화된 강점은 높은 고객 충성도와 메시징을 통한 정서적 유대감이었습니다. SaaS 비즈니스의 핵심인 이러한 정서적 연결을 지속하기 위해, 비주얼 시스템의 핵심 요소로 당당하고 자유로운 고객의 모습에 초점을 맞춘 이미지를 메인으로 포지셔닝했습니다.
Initial Explorations and Process
Above images feature two of my directions from the early ideation round of logo and visual system explorations. Both directions were intended to capture the dynamic energy while highlighting the idea of amplification.
라운드 1에서 제가 담당한 디자인 디렉션은 모두 다이나믹한 에너지와 사용자의 온라인상 존재감 증폭이라는 컨셉을 기반으로 기획 및 디자인되었습니다. 다양한 워드마크와 로고 개발 라운드에서 AI 기능을 상징하는 스파크(Spark) 요소를 NS 모노그램 사이에 결합하는 아이디어를 냈고 이후 디자인 디렉터의 정교화 과정을 거쳐 현재의 NS 심볼 로고가 탄생했습니다.
* 프로젝트 구조상 클라이언트 미팅에서의 발표는 디자인 파트너가 진행했지만 디자인 실무는 디자인 디렉터와 디자이너가 맡았습니다.
Above images feature two of my directions from the early ideation round of logo and visual system explorations. Both directions were intended to capture the dynamic energy while highlighting the idea of amplification.
라운드 1에서 제가 담당한 디자인 디렉션은 모두 다이나믹한 에너지와 사용자의 온라인상 존재감 증폭이라는 컨셉을 기반으로 기획 및 디자인되었습니다. 다양한 워드마크와 로고 개발 라운드에서 AI 기능을 상징하는 스파크(Spark) 요소를 NS 모노그램 사이에 결합하는 아이디어를 냈고 이후 디자인 디렉터의 정교화 과정을 거쳐 현재의 NS 심볼 로고가 탄생했습니다.
* 프로젝트 구조상 클라이언트 미팅에서의 발표는 디자인 파트너가 진행했지만 디자인 실무는 디자인 디렉터와 디자이너가 맡았습니다.
The Four Visual System Pillars
The following four pillars were used to create the design strategy behind the new visual system applications. 신규 개발된 디자인 요소가 다양한 터치포인트에 일관되게 적용될 수 있도록 4가지 핵심 카테고리를 구축했습니다.
Discover
Users who have yet to commit to the service, but are browsing. Applications include signage, digital ads, and OOH. Use of primary colors with the introduction of secondary brand palette via imagery. 브랜드 요소가 대중에게 발견되는 순간. 블랙&화이트의 모던하고 깔끔한 레이아웃을 사용하되 이미지 요소에서 세컨더리 컬러를 사용합니다.*옥외 광고・사이니지, 온라인 광고 등
Commit
Opportunity to convert these potential users into actual customers, for example, social media, online ads, and OOH. 브랜드가 눈에 띄어 사용자로 전환된 순간. 이미지와 알맞는 톤온톤 세컨더리 컬러 팔레트 등의 사용으로 볼드하고 에너제틱한 사용자의 모습을 강조합니다. *SNS・온라인 광고, 타겟 옥외 사이니지
Educate
Informing customers on how to access and use the service. 사용자의 편의를 위한 순간. 인포그래픽과 간단한 스키매틱 일러스트를 통해 사용자의 편의를 돕습니다. *사이트 내 사용 가이드
Support
Providing guidance and customer service as users run into problems. 사용자 CS등의 서포트 순간. 불필요한 디자인 요소를 줄이고 직관적인 thematic 아이콘을 사용해 사용자를 서포트합니다. *고객센터, 트러블슈팅 가이드 등
The following four pillars were used to create the design strategy behind the new visual system applications. 신규 개발된 디자인 요소가 다양한 터치포인트에 일관되게 적용될 수 있도록 4가지 핵심 카테고리를 구축했습니다.
Discover
Users who have yet to commit to the service, but are browsing. Applications include signage, digital ads, and OOH. Use of primary colors with the introduction of secondary brand palette via imagery. 브랜드 요소가 대중에게 발견되는 순간. 블랙&화이트의 모던하고 깔끔한 레이아웃을 사용하되 이미지 요소에서 세컨더리 컬러를 사용합니다.*옥외 광고・사이니지, 온라인 광고 등
Commit
Opportunity to convert these potential users into actual customers, for example, social media, online ads, and OOH. 브랜드가 눈에 띄어 사용자로 전환된 순간. 이미지와 알맞는 톤온톤 세컨더리 컬러 팔레트 등의 사용으로 볼드하고 에너제틱한 사용자의 모습을 강조합니다. *SNS・온라인 광고, 타겟 옥외 사이니지
Educate
Informing customers on how to access and use the service. 사용자의 편의를 위한 순간. 인포그래픽과 간단한 스키매틱 일러스트를 통해 사용자의 편의를 돕습니다. *사이트 내 사용 가이드
Support
Providing guidance and customer service as users run into problems. 사용자 CS등의 서포트 순간. 불필요한 디자인 요소를 줄이고 직관적인 thematic 아이콘을 사용해 사용자를 서포트합니다. *고객센터, 트러블슈팅 가이드 등
Imagery, Illustrations, and AI
We use photography to add dynamism and authenticity to the brand experience. By featuring different customers in action, we showcase the variety in services we provide and capture the authentic moments of our customers. Photos in the Expressive People category are characterized by an iconic low-angle composition and dynamic poses. Breakthrough people category emphasizes each individual as it is paired with a saturated color background from our brand palette. By combining different photography categories, we can create a truly immersive story of a person’s world.
Network Solutions’ illustrations are divided into two categories: thematic and schematic. Thematic illustrations designed to highlight key content and deliver information effectively, feature realistic 3D renderings of the subject matter. Schematic illustrations are used to summarize key content and communicate information intuitively, most often used in blog posts graphics and infographics.
다양한 고객의 활동적인 모습을 담아냄으로써 브랜드가 제공하는 서비스의 다양성을 보여주고, 고객의 authentic한 순간들을 성공적으로 포착했습니다. 원본 이미지와 AI 이미지 생성을 조합하여 Expressive people 과 Breakthrough scenes 등의 다양한 사진 카테고리를 사용하고 스토리의 세계관을 진정성 있게 그리는 디자인 솔루션을 내렸습니다.
Thematic 일러스트레이션은 핵심 콘텐츠를 강조하고 정보를 효과적으로 전달하기 위해 설계되었으며, 주제를 사실적인 3D 렌더링으로 표현하는 것이 특징입니다. 생성형 AI 를 통해 Network Solutions 디자인팀이 필요한 그래픽을 제작 후 적용할 수 있었습니다. 주로 블로그 포스트 그래픽이나 인포그래픽에 활용되는 Schematic 일러스트레이션은 핵심 내용을 요약하고 정보를 직관적으로 전달하기 위해 사용됩니다.
We use photography to add dynamism and authenticity to the brand experience. By featuring different customers in action, we showcase the variety in services we provide and capture the authentic moments of our customers. Photos in the Expressive People category are characterized by an iconic low-angle composition and dynamic poses. Breakthrough people category emphasizes each individual as it is paired with a saturated color background from our brand palette. By combining different photography categories, we can create a truly immersive story of a person’s world.
Network Solutions’ illustrations are divided into two categories: thematic and schematic. Thematic illustrations designed to highlight key content and deliver information effectively, feature realistic 3D renderings of the subject matter. Schematic illustrations are used to summarize key content and communicate information intuitively, most often used in blog posts graphics and infographics.
다양한 고객의 활동적인 모습을 담아냄으로써 브랜드가 제공하는 서비스의 다양성을 보여주고, 고객의 authentic한 순간들을 성공적으로 포착했습니다. 원본 이미지와 AI 이미지 생성을 조합하여 Expressive people 과 Breakthrough scenes 등의 다양한 사진 카테고리를 사용하고 스토리의 세계관을 진정성 있게 그리는 디자인 솔루션을 내렸습니다.
Thematic 일러스트레이션은 핵심 콘텐츠를 강조하고 정보를 효과적으로 전달하기 위해 설계되었으며, 주제를 사실적인 3D 렌더링으로 표현하는 것이 특징입니다. 생성형 AI 를 통해 Network Solutions 디자인팀이 필요한 그래픽을 제작 후 적용할 수 있었습니다. 주로 블로그 포스트 그래픽이나 인포그래픽에 활용되는 Schematic 일러스트레이션은 핵심 내용을 요약하고 정보를 직관적으로 전달하기 위해 사용됩니다.
Thematic Icons
Perhaps one of the most important visual system elements of a SaaS business, bespoke library of thematic icons strategically echo the style and energy of the logo form and communicates complex ideas effectively.
SaaS 비즈니스에서 가장 중요한 비주얼 시스템 요소 중 하나인 아이콘을 통해 로고 심볼의 다이나믹 에너지를 표현하고 자칫 어렵게 느껴질 수 있는 웹 개발 요소들을 효과적으로 전달했습니다.
Perhaps one of the most important visual system elements of a SaaS business, bespoke library of thematic icons strategically echo the style and energy of the logo form and communicates complex ideas effectively.
SaaS 비즈니스에서 가장 중요한 비주얼 시스템 요소 중 하나인 아이콘을 통해 로고 심볼의 다이나믹 에너지를 표현하고 자칫 어렵게 느껴질 수 있는 웹 개발 요소들을 효과적으로 전달했습니다.
PPT Design
For Network Solutions, website, social media, and email templates were client-facing, but most of the data vis and info-heavy material were intended for internal stakeholders. Thus, their PPT slides had to be designed very intentionally, to feature all the different uses it may call for. Our main focus for the PPT and data vis designs were to effectively showcase complex sets of data through hierarchy, while still maintaining brand integrity through colors.
Network Solutions의 웹사이트와 소셜 미디어 등 터치포인트뿐만 아니라, 주주 및 협력업체 등 다양한 이해관계자를 위한 데이터 시각화(Data Vis) 체계를 구축했습니다. 특히 정보 집약적인 자료에서 프라이머리 컬러인 블랙을 보조하는 볼드한 세컨더리 컬러를 전략적으로 활용하여 시각적 위계를 형성했습니다. 이를 통해 복잡한 데이터 세트를 직관적이고 효과적으로 전달하는 데 주력하며 브랜드의 전문성을 강화했습니다.
For Network Solutions, website, social media, and email templates were client-facing, but most of the data vis and info-heavy material were intended for internal stakeholders. Thus, their PPT slides had to be designed very intentionally, to feature all the different uses it may call for. Our main focus for the PPT and data vis designs were to effectively showcase complex sets of data through hierarchy, while still maintaining brand integrity through colors.
Network Solutions의 웹사이트와 소셜 미디어 등 터치포인트뿐만 아니라, 주주 및 협력업체 등 다양한 이해관계자를 위한 데이터 시각화(Data Vis) 체계를 구축했습니다. 특히 정보 집약적인 자료에서 프라이머리 컬러인 블랙을 보조하는 볼드한 세컨더리 컬러를 전략적으로 활용하여 시각적 위계를 형성했습니다. 이를 통해 복잡한 데이터 세트를 직관적이고 효과적으로 전달하는 데 주력하며 브랜드의 전문성을 강화했습니다.
Brand Guidelines
As the final stage of this visual system development, the team at Lippincott worked together with the designers at Network Solutions to provide guidance to the new brand elements and categories. Created on Figma to maximize accessibility, this 100+ page brand guideline encompasses the necessary brand toolkit, detailed imagery categories, typograpy and iconography, as well as Web UI and video guidelines.
브랜드 디자인의 최종 단계이자 시스템 정립의 핵심인 가이드라인 개발 과정에서, 전체 100여 페이지 중 약 50%의 제작을 담당했습니다. Network Solutions 사내의 다양한 팀이 손쉽게 접근하고 공유할 수 있도록 피그마를 통해 제작되었으며, 기본적인 브랜드 툴킷부터 세부적인 이미지·타이포그래피·아이콘 활용법, 웹페이지 및 영상 제작 가이드라인까지 폭넓게 구축했습니다.
As the final stage of this visual system development, the team at Lippincott worked together with the designers at Network Solutions to provide guidance to the new brand elements and categories. Created on Figma to maximize accessibility, this 100+ page brand guideline encompasses the necessary brand toolkit, detailed imagery categories, typograpy and iconography, as well as Web UI and video guidelines.
브랜드 디자인의 최종 단계이자 시스템 정립의 핵심인 가이드라인 개발 과정에서, 전체 100여 페이지 중 약 50%의 제작을 담당했습니다. Network Solutions 사내의 다양한 팀이 손쉽게 접근하고 공유할 수 있도록 피그마를 통해 제작되었으며, 기본적인 브랜드 툴킷부터 세부적인 이미지·타이포그래피·아이콘 활용법, 웹페이지 및 영상 제작 가이드라인까지 폭넓게 구축했습니다.