[노코딩툴] 아임웹으로 기업홈페이지 만든 후기

두 달 전에 아임웹으로 기업홈페이지를 만들었습니다. 디테일한 부분까지 디자인할 수는 없었지만, 개발자 없이 쉽게 만들기에는 꽤 괜찮은 선택이었던 것 같습니다.

작업 전 고려해야할 것은 아래와 같습니다.

1. 사용할 플랜
2. 디자인의 복잡성

 

작업하기 전 고려사항

사용할 플랜

아임웹은 플랜마다 가격도 다르고 제공하는 기능들도 다릅니다. 제가 속한 회사의 경우, 이미 기업홈페이지가 있는 상태였고 해당 url이 아주 많은 곳(명함, 회사 홍보물 등)에 적혀 있었습니다. Free 플랜을 사용하면 기본 도메인인 imweb.me밖에 사용하지 못하며, starter 플랜은 일당 20GB로 트래픽 제한이 있었죠. 이에 저는 PRO 플랜을 구입해 개인도메인을 연결하는 작업을 거쳤습니다.
(개인도메인 연결은 아래 링크를 참고하시면 됩니다.)
https://imweb.me/faq?mode=view&category=29&category2=34&idx=71417

아임웹에서 개인 도메인 구입 및 연결하기

 

디자인의 복잡성

처음에 학습하기가 어려운 다른 노코딩툴과는 다르게, 아임웹은 조금만 만져봐도 쉽게 배우고, ‘저장’버튼만 누르면 쉽게 배포할 수 있습니다. 하지만 복잡한 디자인이나 기능을 수행하기는 어렵습니다. 코드를 직접 칠 게 아니라면, 아임웹에서 제공하는 위젯과 템플릿 안에서 거의 모든 걸 수행해야하죠. 이에 저는 아임웹을 사용할 거라면, 피그마에서 디자인을 상세하게 하기보다는 사진, 텍스트, 정보구조와 같은 대략적인 구성만 잡고 아임웹에서 바로 작업하길 추천합니다. 디자인에 오랜 시간을 할애했는데, 아임웹에서 해당 디자인을 구현할 수 없다면 우리의 귀한 시간이 없어진거니까요.😭

작업 TIP

컴포넌트

아코디언, 비주얼, 푸터 같은 컴포넌트는 위젯이나, 섹션 템플릿, 기본으로 제공하는 템플릿사이트에서 가져와서 사용하면 됩니다.

반응형

반응형 작업은 데스크톱 디자인을 자동으로 줄이는 거라 조금 아쉽습니다. 하지만 해당 섹션을 숨김처리하고 모바일에서만 보이는 섹션을 추가하는 방법으로 이 문제는 해결할 수 있습니다.

기존 사이트와 혼재되어 보이는 현상

자체개발한 기업홈페이지는 기존에 있었고, 아임웹에서 작업한 후 그 도메인을 연결하는 작업을 거쳤습니다. 작업을 마친 후 이틀 간은 간헐적으로 이전 디자인과 혼재되어 나오고는 했습니다. 아임웹 측에 문의한 결과, 적용되는 데까지 시간이 걸려 발생하는 문제라고 합니다. 저도 이틀 후 확인해보니 정상적으로 잘 나왔고요! 혹시 저와 같은 현상이 발생한다면, 이 점 참고해주세요.

후기

개발자 없이, 혼자 일종의 배포까지 완료한 경험이었습니다. 디테일한 부분은 설정하지 못해 아주 멋진 디자인이라고는 느껴지지는 않지만, 그래도 꽤 빠른 시간 안에 작업을 마쳤다는 거에 의의를 두고 싶습니다.