/

/

/

The official website of Circle Connection

― 2025

― 2025

The official website of Circle Connection

― 2025

The official website of Circle Connection

The official website of Circle Connection

― 2025
― 2025

Site/Demo Link

ccon.co.kr

Description

We redesigned the official website of Circle Connection, an agency specializing in offline events and brand campaigns, using Framer. The CMS structure was built to enable the client to easily manage and update content, and the new design visually reflects the brand’s modern and dynamic identity. All projects are organized in a keyword- and tag-based system, allowing for clear and efficient exploration of the company’s diverse work.

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.