/

/

/

써클 커넥션 공식 웹사이트

― 2025

― 2025

ccon.co.kr

써클 커넥션 공식 웹사이트

― 2025

ccon.co.kr

써클 커넥션 공식 웹사이트

써클 커넥션 공식 웹사이트

― 2025
― 2025

Site/Demo Link

ccon.co.kr

Description

오프라인 이벤트 및 브랜드 캠페인 전문 에이전시인 써클커넥션의 공식 웹사이트를 프레이머 기반으로 재구축했습니다. 클라이언트가 콘텐츠를 손쉽게 관리하고 업데이트할 수 있도록 CMS 구조를 설계했으며, 모던하고 역동적인 브랜드 아이덴티티를 시각적으로 반영한 디자인을 적용했습니다. 모든 프로젝트를 키워드와 태그 기반으로 탐색할 수 있는 구조로 구성하여 다양한 프로젝트를 명확하고 효율적으로 전달할 수 있도록 하였습니다.

Landing page with full-screen video background on Circle Connection’s homepage, optimized for desktop and mobile view with immersive UX design.Main page motion of the official Circle Connection website. The dark-themed interface features a distinctive transition where each section splits vertically and slides in a stepped, interlocking motion. Sections such as brand introduction, business highlights, and the slogan seamlessly overlay and push one another to fill the screen, creating a continuous and immersive flow between scenes.Mission section on the homepage featuring the slogan “Connecting Passionate People Around The World” with clean, minimal visual layout.Business area section outlining Circle Connection’s core services with a featured image of a live conference event and categorized service list.After Movie section with embedded event highlight video and thumbnails. Encourages further engagement through YouTube links and dynamic visuals.Clients section displaying logos of partnered brands and organizations in a grid layout, emphasizing credibility and industry diversity.About Us – Company introduction section. Describes Circle Connection’s history, mission, and client network in both Korean and English.About Us – Strengths section, highlighting six core competencies such as teamwork, industry network, problem-solving, and communication.Project index page listing recent works. Features filtering by event type and thumbnails of major events such as Deep Glow sampling and BUIDL Asia 2025.Card component design for project items. Shows hover state and mobile responsiveness using the Volvo Car Korea 2019 Plogging Party as an example.Detail view of the Upstage AI Hackathon project page, including event summary, tags, and a gallery of participants working at the venue in Jeju.Metadata layout for project pages, showing event title, date, client, tags, and content type like gallery or overview.Tag index page for #Community category. Displays events filtered by community-related tags with project thumbnails and event dates.Tag-based navigation linking project detail pages with tag index views. Shows how clicking tags leads to related project lists.Bulletin index page showing news and announcements, including job postings and internal brand updates sorted by date.Detail page of a bulletin post with brand logo guide. Displays design specifications and usage instructions for Circle Connection’s logo.