문의하기 버튼
카카오채널

ABOUT

기획부터 구축까지.
필요한 모든 것을 빠르고, 정확하게 완성합니다.

웹플랜은 홈페이지 및 쇼핑몰 제작, 노션 템플릿, 플러그인 개발까지 브랜드의 시작과 성장을 함께 설계하는 크리에이티브 스튜디오입니다.
다양한 플랫폼(워드프레스, 카페24, 쇼피파이, 아임웹, 식스샵 프로 등)을 기반으로 맞춤형 웹사이트를 제작해드립니다.



Projects

  • ㈜ 태양아이앤디
    부동산 토지매매 땅 태양아이앤디 공식 홈페이지 – 회사 소개와 기업 철학 중심 메인 화면 분양사업 안내

    담당
    기획 ⎟ 디자인 ⎟ 개발

    플랫폼
    아임웹

    형태
    홈페이지

    태양아이앤디 웹사이트는 정보 전달 중심의 레이아웃과 안정된 시각 흐름을 기반으로 구성되었습니다. 메인 섹션은 간결한 문장 구조와 카드형 콘텐츠 배치로 구성되어 있으며, 각 콘텐츠 블록은 계층적으로 설계되어 사용자 스크롤에 따라 자연스럽게 시선이 이어지도록 의도되었습니다. 주요 서비스와 실제 사례는 시각적으로 설득력 있게 전달하기 위해 이미지 중심의 콘텐츠로 구성되었으며, 텍스트는 보조적인 정보로 배치해 시각 흐름을 방해하지 않도록 조율하였습니다.

  • SHUFFLE LANDS
    아티스트 엔터테인먼트 셔플랜드 공식 홈페이지 – 소속 아티스트 소개와 브랜딩 콘텐츠 중심 메인 화면

    담당
    기획 ⎟ 디자인 ⎟ 개발

    플랫폼
    아임웹

    형태
    홈페이지

    Shuffle Lands 웹사이트는 스크롤 기반의 인터랙션과 요소 진입 시의 페이드 인(Fade-in) 효과를 중심으로 설계되었습니다. 각 콘텐츠 블록은 뷰포트에 진입할 때 자연스럽게 나타나는 애니메이션을 적용해 동적인 인상을 주며, 페이지 내 고정된 상단 내비게이션은 스크롤과 무관하게 사용자의 흐름을 유지합니다. 일부 섹션에서는 이미지와 텍스트의 시차(Parallax) 효과가 느껴지도록 설정되어 있으며, 콘텐츠는 모듈형 구조로 구성되어 있어 반응형 전환 시에도 흐름이 자연스럽게 이어지도록 고려되어 있습니다.

  • LIBES
    프리미엄 와인 수입 유통 브랜드 리베스 홈페이지 메인 비주얼 – 독일·이탈리아·프랑스 직수입

    담당
    기획 ⎟ 디자인 ⎟ 개발

    플랫폼
    아임웹

    형태
    홈페이지

    Libes 웹사이트는 사용자의 콘텐츠 탐색 효율을 높이기 위한 필터 기반 인터페이스와, 감각적인 시각 연출을 조화롭게 구성한 프로젝트입니다. 전체 구성은 블록 단위로 명확하게 구획되어 있으며, 스크롤 진입 시 Fade-in 애니메이션을 적용해 콘텐츠 몰입도를 높였습니다. 특히, 카테고리 기반의 필터링 기능은 직접 개발하여 적용했으며, 사용자가 원하는 주제나 스타일의 콘텐츠를 즉각적으로 분류해 탐색할 수 있도록 구현되어 있습니다. 반응형 환경에서도 필터와 콘텐츠 배치가 자연스럽게 작동되도록 UI 구조를 설계했습니다.

  • LUMELODIQUE
    맞춤 웨딩 송 제작 서비스 – 루멜로딕의 감성 음악 작곡 홈페이지 메인 화면

    담당
    기획 ⎟ 디자인 ⎟ 개발

    플랫폼
    식스샵 프로

    형태
    홈페이지

    Lumelodique 웹사이트는 브랜드의 감성과 시각적 무드를 강조하기 위해 정적인 와이드 이미지와 미니멀한 콘텐츠 배치를 중심으로 설계된 프로젝트입니다. SixShop의 웹 빌더를 활용해 직접 커스터마이징을 진행하였으며, 각 섹션은 시각적 흐름에 따라 자연스럽게 이어지도록 설계되어 사용자가 브랜드의 분위기에 몰입할 수 있도록 구성하였습니다. 페이지 전반에 과도한 인터랙션 없이 콘텐츠 중심의 정돈된 구조를 유지하여, 감성적이고 세련된 톤앤매너를 전달합니다.

  • 여름스웨터
    감성 아티스트 여름스웨터의 공식 홈페이지 메인 디자인 – 따뜻한 색감과 미니멀한 레이아웃

    담당
    기획 ⎟ 디자인 ⎟ 개발

    플랫폼
    아임웹

    형태
    홈페이지

    여름스웨터 웹사이트는 아티스트의 감성과 작업 세계를 시각적으로 전달하기 위해, 이미지 중심의 풀스크린 구성과 미니멀한 정보 구조로 설계된 웹사이트입니다. 정적인 무드와 단일 스크롤 구조를 통해 사용자가 시선의 흐름에 따라 자연스럽게 작업을 감상할 수 있도록 기획하였으며, 인터랙션 요소는 최소화하여 아티스트 고유의 분위기를 해치지 않도록 구성하였습니다. 각 섹션은 이미지와 짧은 텍스트로만 구성되어, 시각적 몰입과 여운을 남기는 연출을 의도했습니다.

  • 찐클린
    청소, 클리닝, 특수청소, 악취제거, 회사 소개 페이지 UI 디자인 – 정보 전달 중심의 구조

    담당
    기획 ⎟ 디자인 ⎟ 개발

    플랫폼
    아임웹

    형태
    홈페이지

    찐클린 웹사이트는 청소 서비스를 중심으로 한 로컬 브랜드의 전문성과 신뢰감을 전달하기 위해, 간결한 콘텐츠 구성과 명확한 정보 구조를 기반으로 설계된 서비스 소개형 웹사이트입니다. 첫 화면에는 브랜드의 핵심 문구와 이미지가 집중 배치되어 방문자에게 서비스를 직관적으로 인식시키며, 이어지는 섹션은 이용 방법, 차별점, 서비스 범위 등을 단계적으로 설명하여 고객의 이해와 행동 전환을 유도합니다. CTA 버튼은 일정한 간격으로 배치되어 사용자의 예약 유입을 높이고, 모바일 환경에서도 정보 탐색과 예약이 매끄럽게 이뤄지도록 반응형 대응이 구현되어 있습니다.

  • 감성사운드
    음악, 작곡, 클래스, 중소기업을 위한 반응형 홈페이지 디자인 예시 – 웹플랜 스튜디오 포트폴리오

    담당
    기획 ⎟ 디자인 ⎟ 개발

    플랫폼
    아임웹

    형태
    홈페이지 및 쇼핑몰

    감성사운드 웹사이트는 음악 교육 브랜드의 아이덴티티를 명확히 정립하고, 기존 홈페이지의 복잡한 정보 구조를 직관적으로 재구성한 프로젝트입니다. 브랜드의 톤앤매너를 통일하여 사용자 경험과 신뢰도를 동시에 높이는 방향으로 리디자인을 진행했으며, 학습자 중심의 UX 관점에서 자료실 접근성을 개선하고, 커뮤니티 기능을 강화하여 사용자 간의 소통과 참여를 유도하는 방향으로 기획되었습니다.