brunch

You can make anything
by writing

C.S.Lewis

by 코아 Jun 08. 2024

AI로 웹사이트 제작, 이렇게 간단할 수 있다니!

"믹소"를 활용하여 몇 분만에 웹사이트 만드는 방법 소개합니다. 

오늘날 웹사이트는 개인과 비즈니스 모두에게 필수적인 존재가 되었습니다. 하지만 전문 디자이너나 개발자의 도움 없이도 고품질의 웹사이트를 만들 수 있는 방법이 있을까요? 다행히도, AI 기술의 발전으로 인해 이제는 누구나 손쉽게 웹사이트를 제작할 수 있는 시대가 되었습니다. 이번 블로그에서는 웹사이트 제작 AI 서비스 믹소(Mixo)에 대해 살펴보겠습니다.



믹소(Mixo)란?


믹소(Mixo)는 AI 를 사용하여 몇 초 만에 웹사이트를 생성할 수 있는 플랫폼입니다. 



로그인 후 "무료로 시작해보세요" 버튼을 클릭하면 창업 아이디어를 입력하는 화면으로 이동합니다. 여기서 창업 아이디어를 한 문장으로 작성해야 하는데, 예를 들어 "맞춤형 학습 플랫폼: AI를 활용해 개별 학습자의 수준과 목표에 맞춘 학습 자료와 계획을 제공하는 온라인 교육 서비스"라고 입력하고 계속 진행해보겠습니다.


영어로 프롬프트 입력 시 더 좋은 결과를 얻을 수 있기에 "Personalized Learning Platform: An online education service utilizing AI to provide tailored learning materials and plans based on individual learners' levels and goals." 로 입력했습니다. 




웹사이트 개설 목표


다음 화면에서는 사이트 개설 목표가 나와 있습니다. 사이트 구성을 위해서는 정확한 사이트 개설 목표 설정이 굉장히 중요한데요. 추후에 변경 가능하다고 하니 부담 없이 고르셔도 되겠습니다. 네 가지 선택 사항을 순서대로 설명드리자면 다음과 같습니다.


1. 구독자 확보

첫 번째 옵션은 구독자 확보입니다. 이 옵션은 방문객의 이메일 주소를 수집하여 지속적으로 소식을 전하고 싶은 분들에게 적합합니다. 이를 통해 잠재 고객을 장기 고객으로 전환할 수 있습니다. 구독자 확보는 뉴스레터, 프로모션, 업데이트 소식을 전달하여 고객과의 관계를 강화할 수 있는 중요한 전략입니다. 예를 들어, 주기적인 뉴스레터 발송을 통해 고객의 관심을 지속적으로 끌어모을 수 있습니다.


2. 사이트 링크 연결

두 번째 옵션은 특정 사이트로의 연결입니다. 이 옵션을 선택하면 사용자가 방문했을 때 바로 다른 사이트로 이동할 수 있도록 설정할 수 있습니다. 연결하고 싶은 사이트를 입력하는 창이 제공되며, 이를 통해 앱스토어 상품 결제 사이트, 협력 업체 사이트 등으로 사용자를 직접 유도할 수 있습니다. 이는 클릭 한 번으로 목표 사이트에 도달할 수 있게 하여 사용자 경험을 향상시킵니다. 특히, 상품 판매나 제휴 마케팅을 목적으로 할 때 매우 유용합니다.


3. 연락받기

세 번째 옵션은 연락받기입니다. 이 옵션은 고객으로부터의 직접적인 연락을 받을 수 있는 방법을 제공합니다. 전화, 이메일, 앱 중 하나를 선택하여 고객이 가장 편리하게 연락할 수 있는 방식을 지정할 수 있습니다. 이는 고객과의 소통을 원활하게 하여 신뢰를 구축하고, 문제 해결이나 문의 사항에 빠르게 대응할 수 있도록 돕습니다. 예를 들어, 고객 지원 서비스나 상담 예약 시스템을 운영하는 데 유용합니다.


4. 약속 예약

마지막 옵션은 약속 예약입니다. 사용자가 직접 내 캘린더에 약속을 예약할 수 있도록 설정할 수 있습니다. 이 기능은 네일숍, 스터디 카페, 병원 등 일정 조율이 필요한 비즈니스에서 특히 유용합니다. 칼렌들리(Calendly)와 같은 스케줄 조정 사이트와 연동하거나, 맞춤형 링크를 입력하여 예약 시스템을 구축할 수 있습니다. 이를 통해 고객이 편리하게 예약할 수 있어 서비스 만족도가 향상됩니다.


웹사이트 생성


원하는 목표를 선택했다면 '제너레이트' 버튼을 누르면 됩니다. 저는 우선 '구독자 확보'로 만들어보겠습니다. 

목표1 - 구독자 확보


"맞춤형 학습 플랫폼"이라는 주제에 맞춰 교육 커리큘럼과 학습 목표를 설명해주고, 동시에 이메일 입력 창도 제공하고 있습니다. 이렇게 2초 만에 만들어진 웹사이트로서는 퀼리티가 괜찮아 보입니다.



목표2 - 사이트 링크 연결

맞춤 링크에 블로그 주소를 넣고 한번 만들어 보겠습니다. 


사이트 소개와 함께 "방문하기" 버튼이 생성되며, 클릭 시 개인 블로그 주소로 이동하는 것을 확인할 수 있었습니다. 




목표3 - 연락받기 

이메일을 입력하고 생성해보겠습니다. 


사이트 소개와 함께 "연락하기(Contact us)" 버튼이 생성되며, 클릭 시 이메일 작성 화면으로 이동하는 것을 확인할 수 있었습니다. 




목표4 - 약속예약

마지막으로 약속을 예약하는 웹사이트도 만들어보겠습니다. 칼렌들리(Calendly)를 선택하고 Calendly 에서 사용 중인 개인 주소를 입력하고 생성하기를 했습니다. 


사이트 소개와 함께 "예약하기" 버튼이 생성되며, 클릭 시 Calendly 의 날짜 예약 화면으로 이동하는 것을 확인할 수 있었습니다. 




웹사이트 편집


만약 만들어진 사이트가 마음에 들지 않는다면 'Regenerate Style(스타일 재생성)' 버튼을 눌러 다른 스타일의 사이트를 다시 만들 수 있습니다. '스타일 재생성' 버튼 옆에 있는 아래 화살표 아이콘을 누르면 "색상, 다크 모드, 화면 구성, 폰트" 네 가지 옵션을 볼 수 있으며, 이 옵션들을 선택하여 원하는 요소를 변경할 수 있습니다.


이 창에서는 실제 웹사이트를 이용하는 것처럼 사용자의 입장에서 웹사이트를 둘러볼 수 있습니다. 다양한 버튼을 눌러 사이트를 체험해 보면서 원하는 스타일을 찾아보세요. 



사이트 수정을 모두 마쳤다면, 상단 오른쪽 "저장하고 계속" 버튼을 눌러 생성된 사이트를 저장할 수 있습니다. 추가로, 그 아래에 있는 '브랜드 맞춤설정' 버튼을 누르면 사이트 이름, 로고, 주요 색상 및 보조 색상을 설정할 수 있습니다. 이러한 설정을 통해 사이트를 더욱 개인화하고 브랜드 아이덴티티를 강화할 수 있으니 참고하시기 바랍니다.



3가지 요금제


믹소는 3가지 요금제로 나뉘며, 월간 결제와 연간 결제 중 선택할 수 있습니다. 이러한 다양한 요금제를 통해 필요에 맞는 웹사이트를 구축하고 관리할 수 있습니다.


베이식 요금제(Basic Site): 한 개의 웹페이지를 만들 수 있습니다. 이 요금제는 웹사이트 구축에 필요한 기본 기능을 제공하며, 소규모 개인 블로그나 단순 정보 제공 사이트에 적합합니다.


그로트 요금제(Growth Site): 열 개의 웹페이지를 만들 수 있습니다. 이 요금제는 대규모 웹사이트를 운영하거나 여러 프로젝트를 동시에 관리해야 하는 경우에 최적입니다.


프리미엄 요금제(Premium Site): 무제한으로 웹페이지를 만들 수 있습니다. 또한 자바스크립트와 CSS 등을 활용하여 웹사이트를 더 자유롭게 디자인할 수 있습니다. 이 요금제는 전문 웹사이트 제작자에게 적합합니다.  




여기까지 믹소를 활용하여 웹사이트를 제작해보았는데, 어떠셨나요? AI 서비스 덕분에 전문가가 아니더라도 누구나 쉽게 웹사이트를 만들 수 있습니다. 이 블로그가 많은 분들에게 도움이 되었기를 바라며, 앞으로도 지속적으로 생산성을 향상시킬 수 있는 다양한 툴을 소개해드리겠습니다. 글이 마음에 드셨다면 하트 누르는것 잊지 마세요 ~ 




#AI웹사이트제작 #인공지능디자인 #웹사이트빌더 #믹소 #웹사이트제작


브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari