AI로 완성하는 홈페이지·모바일 앱 디자인, 업무 혁신 비밀 공개!

AI로 홈페이지 뚝딱! '레디' 서비스 소개

AI로 홈페이지를 만드는 서비스가 많이 나왔지만, 원하는 대로 수정하기 어려운 경우가 많았지? 그런데 오늘 소개할 '레디'라는 서비스는 AI로 홈페이지를 만들어 줄 뿐만 아니라, 내가 원하는 부분을 디테일하게 수정할 수도 있고, 하부 페이지까지 AI로 계속 만들어주는 신박한 서비스야.

특히 디자이너나 MVP 테스트를 하려는 사람들에게 딱 맞는 서비스인데, 앱 서비스 프로토타입 디자인까지 해준다고 해. 심지어 피그마랑도 연결돼서 기존에 피그마를 쓰던 사람이라면 더 편리하게 사용할 수 있을 거야.

'레디'로 홈페이지 만들기, 어떻게 할까?

'레디'에서는 홈페이지뿐만 아니라 모바일 앱까지 만들 수 있어. 레퍼런스 이미지, 음성, 텍스트 등 다양한 방법으로 지시를 내릴 수 있지.

• AI에게 홈페이지 만들어달라고 요청하기: 그냥 "이런 홈페이지 만들어줘"라고 하면 잘 만들어주지만, 더 잘 만들고 싶다면 ChatGPT한테 홈페이지 개요를 만들어달라고 요청해서 프롬프트를 받거나, 벤치마킹하고 싶은 사이트 이미지를 캡처해서 같이 넣어주면 훨씬 비슷하게 만들어준대.

• 내 홈페이지를 다른 스타일로 바꿔보기:

  1. 내 홈페이지를 캡처해서 '레디'에 업로드해.
  2. 레이아웃, 컬러, 카피라이트 중에 참고할 부분을 선택해. (카피라이트는 빼고 레이아웃과 컬러만 참고해도 돼!)
  3. 업종을 다르게 바꿔서 프롬프트에 입력하면 돼. 예를 들어, 마케팅 회사 홈페이지를 "직장인을 위한 AI 강의 사이트"로 바꿔달라고 요청할 수 있지.
  4. AI가 레이아웃, 컬러, 페이지 구조 등을 만들어주면, 수정할 부분이 있으면 프롬프트로 입력하고, 없으면 '제너레이터'를 눌러 완성하면 돼.

수정도 자유자재!

AI가 만들어준 홈페이지가 마음에 안 들면 걱정 마! '레디'에서는 원하는 부분을 쉽게 수정할 수 있어.

• 텍스트, 이미지, 버튼 수정: 원하는 영역을 선택하고 텍스트를 바꾸거나, 이미지를 대체하거나, 백그라운드를 없애거나, 새로운 이미지를 만들 수도 있어. 심지어 영상으로도 만들 수 있다고!
• 버전 관리: 수정을 할 때마다 버전이 저장돼서, 잘못 수정했더라도 이전 버전으로 돌아갈 수 있어.
• 애니메이션 효과 추가: 헤드라인 텍스트에 페이드업 애니메이션을 적용하거나, 버튼에 펄스 효과를 주거나, 이미지에 슬라이딩 효과를 넣는 등 다양한 애니메이션 효과를 프롬프트로 쉽게 적용할 수 있어.

하부 페이지도 AI로 척척!

'무료로 시작하기' 같은 버튼을 누르면, AI가 알아서 다음 페이지를 만들어줘. 회원가입 페이지나 데이터 수집 폼 같은 것도 자동으로 생성해주니 정말 편리하지.

• 회원가입 페이지 생성: 버튼을 누르면 회원가입 페이지 개요를 짜주고, 제너레이터를 누르면 이름, 이메일, 비밀번호 등을 입력할 수 있는 회원가입 페이지가 완성돼.
• 데이터 컬렉션 생성: 폼에 데이터를 입력하고 제출하면, 입력한 정보가 자동으로 데이터베이스에 저장돼. 이걸로 실제 회원가입을 받아볼 수도 있겠지?

코드 확인 및 내보내기

만들어진 홈페이지의 코드를 확인하거나 다운로드할 수도 있고, 다른 사람과 공유할 수도 있어.

• 코드 확인 및 다운로드: '코드' 버튼을 누르면 전체 페이지 코드를 볼 수 있고, 복사하거나 다운로드할 수 있어.
• 공유 기능: '쉐어' 버튼을 누르면 다른 사람과 공유할 수 있는 링크가 만들어져. 이 링크로 접속하면 홈페이지를 볼 수 있지.
• 피그마로 내보내기: 만들어진 홈페이지를 피그마로 내보내서 디자인 작업을 이어갈 수도 있어. 피그마 플러그인을 설치하면 더 편리하게 사용할 수 있지.

모바일 앱도 문제없어!

'레디'는 홈페이지뿐만 아니라 모바일 앱도 만들 수 있어.

• 앱 프로토타입 만들기: "카메라로 사진 찍어서 옷 분석하고 코디 추천해주는 앱"처럼 구체적인 요청을 하면 AI가 앱 화면을 만들어줘.
• 기능별 페이지 생성: 옷장 메뉴나 이미지 분석 결과 페이지 등 필요한 기능별 페이지를 AI가 자동으로 생성해줘.

'레디'의 장점은?

• 실무에 바로 적용 가능: AI가 디자이너의 영역을 자동화해주기 때문에, 실무에서 바로 사용할 수 있는 수준의 결과물을 만들 수 있어.
• 수정 용이: 원하는 부분을 프롬프트로 쉽게 수정할 수 있다는 점이 가장 큰 장점이야.
• 피그마 연동: 피그마로 가져와서 디자인 작업을 이어갈 수 있어 편리해.
• MVP 테스트에 최적화: 스타트업에서 MVP 서비스를 빠르게 만들고 테스트하기에 아주 적합한 서비스야.

'레디'는 코딩 없이도 홈페이지나 앱을 만들고 수정할 수 있게 해주는 혁신적인 서비스인 것 같아. 한번 사용해보면 정말 신세계를 경험할 수 있을 거야!