• 블로그
  • 서비스 ↗
  • 블로그
  • 서비스 ↗
전체 LandingHomepageUXAI
  • AI 검색에 읽히는 홈페이지 만들기: SEO/AEO/GEO 기준
    Homepage SEOAEOGEOWebflow

    AI 검색에 읽히는 홈페이지 만들기: SEO/AEO/GEO 기준

    AI 검색에 읽히는 홈페이지를 만들려면 고정 페이지와 블로그를 함께 설계해야 합니다. SEO/AEO/GEO 기준을 정리했습니다.

  • 수출바우처 외국어 홈페이지 제작 전 많이 묻는 질문 7가지
    Homepage 수출바우처외국어 홈페이지Webflow

    수출바우처 외국어 홈페이지 제작 전 많이 묻는 질문 7가지

    수출바우처로 외국어 홈페이지를 준비할 때 예산 범위, 제작 방식, 다국어 구성, 자료 준비와 오픈 후 운영까지 자주 묻는 내용을 쉽게 정리했습니다.

  • AI 디자인, 어디까지 맡기고 어디서 사람이 개입해야 할까
    UX AI 디자인AI 디자인 툴UX 디자인

    AI 디자인, 어디까지 맡기고 어디서 사람이 개입해야 할까

    AI 디자인 툴이 만든 화면이 왜 실제 서비스에 바로 쓰기 어려운지, 디자이너가 개입해야 할 기준과 검수 포인트를 사례로 정리합니다.

  • 회사 홈페이지 리뉴얼 체크리스트: 제작 외주 전 정리할 7가지
    Homepage Webflow CMS

    회사 홈페이지 리뉴얼 체크리스트: 제작 외주 전 정리할 7가지

    회사 홈페이지 리뉴얼이나 기업 홈페이지 제작 외주를 준비 중이라면, 변경 범위·방문자 우선순위·콘텐츠 운영·레퍼런스·다국어·유지보수 기준을 먼저 정리해야 합니다.

  • PRD 작성법: AI에게도 개발사에게도 통하는 요구사항 정의서 만들기
    UX PRD요구사항 정의서AI

    PRD 작성법: AI에게도 개발사에게도 통하는 요구사항 정의서 만들기

    AI로 PRD를 작성할 때 무엇을 먼저 입력하고, 초안이 나온 뒤 어떤 기준으로 검토해야 하는지 실무 질문 중심으로 정리했습니다.

  • 랜딩페이지 포트폴리오 보는 법: 제작 업체 선택 전 확인할 4가지
    Landing 포트폴리오

    랜딩페이지 포트폴리오 보는 법: 제작 업체 선택 전 확인할 4가지

    랜딩페이지 제작 업체를 고를 때 포트폴리오에서 무엇을 봐야 할까요? 실제 URL, 참여 범위, 디자인 리소스, 일정 대응까지 외주 전 확인할 기준을 정리했습니다.

  • 랜딩페이지 제작 견적 줄이는 5가지 실무 팁
    Landing 견적

    랜딩페이지 제작 견적 줄이는 5가지 실무 팁

    랜딩페이지 제작 견적이 높아지는 이유와 비용을 줄이는 방법을 정리했습니다. 레퍼런스, 모션, Figma, 기능 요청, 수정 범위까지 실무 기준으로 설명합니다.

  • 랜딩페이지 제작 비용, 얼마가 적정할까? 100만/300만/500만 원대 차이
    Landing 견적

    랜딩페이지 제작 비용, 얼마가 적정할까? 100만/300만/500만 원대 차이

    랜딩페이지 제작 비용과 견적은 디자인, 기능, 수정 대응 범위에 따라 달라집니다. 가격대별 포함 범위와 외주 전 확인할 점검표를 정리했습니다.

  • 랜딩페이지 제작 외주 전 준비 자료 6가지
    Landing

    랜딩페이지 제작 외주 전 준비 자료 6가지

    랜딩페이지 제작 외주를 맡기기 전 필요한 기획안, 디자인 가이드, 레퍼런스, 폼·DB 요구사항, 기술 조건, 산출물 범위를 실무 기준으로 정리했습니다.

  • K-맛집 탐색 서비스를 피그마 프로토타입으로 검증하기
    UX Figma Make프로토타입UX 기획

    K-맛집 탐색 서비스를 피그마 프로토타입으로 검증하기

    Figma Make로 하루 만에 K-맛집 검색 서비스 피그마 프로토타입을 만든 경험을 공유합니다.

  • Figma MCP로 UI 라이브러리 커스텀 구현해 개발 비용 줄이기
    UX Figma MCPTailwind CSSShadcn

    Figma MCP로 UI 라이브러리 커스텀 구현해 개발 비용 줄이기

    Figma MCP와 Tailwind CSS, shadcn UI를 조합해 컴포넌트 단위로 코드를 생성하고 개발 비용을 절감하는 방법을 정리합니다.

  • Figma MCP로 디자인을 코드로 변환하기
    UX Figma MCP코드 변환

    Figma MCP로 디자인을 코드로 변환하기

    Figma MCP로 Figma 디자인을 코드 초안으로 변환하는 혁신적인 방법을 소개합니다.

  • 디자인 시스템을 만든다는 것: 무엇을 만들고, 어떻게 운영하나
    UX 디자인 시스템Figma

    디자인 시스템을 만든다는 것: 무엇을 만들고, 어떻게 운영하나

    디자인 시스템을 만들었다고 말하려면 무엇이 필요할까요? 토큰부터 컴포넌트, 가이드, QA·변경 관리까지 핵심 요소를 정리합니다.

© 2026 Smootart Blog