이런 걸 배울 거예요
나만의 포트폴리오
프레이머의 기초 기능을 익히며 나만의 포트폴리오를 만들거에요.
회사 홈페이지
프레이머의 고급 기능을 익히며 회사 홈페이지를 완성해봅시다.
맛집 블로그
CMS기능을 활용하여 맛집 블로그를 만들어 볼거에요.
안녕하세요. IT스타트업에서 근무중인 프로덕트 디자이너 클로이입니다.
저는 한정된 시간 안에 개발자 없이 웹사이트를 만들어야 하는 경험이 많았습니다.
저와 비슷한 상황에 놓이신 분들에게 도움이 되고 싶어 프레이머 클래스를 개설하게 되었습니다.
비슷한 상황이 아니더라도 프레이머로 웹사이트를 만들고 싶다면 누구나 환영합니다!
물고기 잡는 법을 알려주는 강의
프레이머는 노코드(no-code)로 웹사이트를 만들어주는 프로그램입니다.
아직 시중에 한국어로 된 강의가 많지는 않지만 찾아보면 꽤 좋은 무료, 유료 강의들이 있습니다.
그러나, 하나 하나 처음부터 기본 기능을 익히고 웹사이트를 만들기 시작하면 진이 빠집니다.
저는 입문자의 입장에서 지루하고 자주 사용하지 않는 기능은 뺐습니다. 누구나 프레이머의 필수적인 기능만 배워서 쉽고 빠르게 웹사이트를 만들수 있도록 강의를 구성했습니다.
제가 이 강의에서 프레이머의 모든 내용을 다 알려드릴 수는 없습니다. 그래서 수강생분들이 모르거나 어려운 부분을 마주했을 때 저없이도 해결하는 방법을 마련했습니다.
물고기를 잡아주는 것이 아닌, 물고기 잡는 법을 알려주는 강의가 되도록 하겠습니다.
왜 프레이머인가요?
코딩없이 홈페이지를 만들 수 있는 툴은 알고보면 많습니다. 아임웹, 윅스, 워드프레스, 웹플로우 등등..
하지만 왜 프레이머일까요? 일단 초보자들 기준으로는 조금만 발품을 팔면, 마켓 플레이스에서 무료로도 멋진 템플릿을 얻을 수 있습니다. 템플릿을 조금만 편집할 줄 알면, 금방 하나의 웹사이트가 뚝딱 완성되죠. 디자이너에게는 꽤나 화려한 인터랙션으로 사용자의 눈을 사로잡을수 있습니다. 게다가 디자이너가 프레이머를 다룰줄 알면, 개발 인력이 부족한 스타트업에서는 디자이너 혼자서도 웹사이트 하나를 만들 수 있는거죠.
물론 프레이머라고 장점만 있는 것은 아닙니다. 해외 사이트라 국내 사용자에게는 사용법이 친숙하지 않죠.
이것이 제가 클래스101에서 프레이머 강의를 준비한 이유기도 합니다.
누가 이 클래스를 들으면 되나요?
프레이머로 웹사이트를 만들고 싶은 사람이면 누구나 들을 수 있지만, 그중에서도 지루한건 건너뛰고 얼른 프레이머로 프로젝트를 만들고 싶은 모든 분께 적합합니다.
구체적으로 이 강의를 들으면 좋을 분들을 추천하자면,
빠른 시간안에 홈페이지를 만들어야 하는 주니어 디자이너
취업/이직을 위한 포트폴리오를 만들고 싶은 디자이너
개발 인력없이 사업을 구상 중인 1인 사업자
이런 분들이 있겠네요!
무엇을 배우나요?
강의는 크게 3개로 구성되어 있습니다.
디자이너분들 그리고 디자이너가 아닌 분들도 요새는 자기 PR을 위해 포트폴리오가 필요하실거에요. 프레이머로 프트폴리오를 멋지게 만들어 보아요!
한 페이지짜리 랜딩 페이지를 만들어볼 예정입니다. 간단하게 회사 홍보를 목적으로 홈페이지가 필요하신 분들에게 유용한 프로젝트가 될 것 같네요.
요새 블로그는 네이버나 티스토리에서 많이 사용하시지만, 본인만의 블로그 사이트가 필요하신 분에게 재미있는 프로젝트가 될 거에요. 블로그 기능을 활용하면, 회사 홈페이지에 블로그 콘텐츠 발행하는 부분에도 사용할 수 있겠죠?
프레이머(Framer)는 별도의 프로그램 설치 없이 웹사이트(https://www.framer.com)에 접속해서 가입만 하시면 됩니다. 무료 버전을 사용해도 수강이 가능하지만, 포트폴리오 만들기 시간의 '도메인 연결' 파트에서는 유료 결제가 필요합니다.
그럼 저와 함께 프레이머로 웹사이트 만들기, 시작해볼까요?
준비물
프레이머(Framer)는 별도의 프로그램 설치 없이 웹사이트(https://www.framer.com)에 접속해서 가입만 하시면 됩니다. 무료 버전을 사용해도 수강이 가능하지만, 포트폴리오 만들기 시간의 '도메인 연결' 파트에서는 유료 결제가 필요합니다.
FAQ
Q. 실습 템플릿은 어떻게 제공되나요?
- 수업 노트에서 강의에 사용되는 템플릿 링크를 공유해드립니다.
Q. 피드백이나 Q&A를 제공하나요?
- 클래스101에서는 별도의 수강생 피드백 및 Q&A는 제공하지 않지만, Framer Community(https://www.framer.community/)에서 질문하실 수 있습니다.
[준비물]
프레이머(Framer)는 별도의 프로그램 설치 없이 웹사이트(https://www.framer.com)에 접속해서 가입만 하시면 됩니다. 무료 버전을 사용해도 수강이 가능하지만, 포트폴리오 만들기 시간의 '도메인 연결' 파트에서는 유료 결제가 필요합니다.
클래스 커리큘럼1
클래스 정보
크리에이터
클로이
안녕하세요. 스타트업에서 프로덕트 디자이너로 일하고 있는 클로이입니다. 지금껏 맨땅에서 헤딩하며 웹디자인을 해왔습니다. 개발 리소스가 부족한 상태에서 혼자 웹디자인을 하다보니 막막할 때가 많았는데, 그럴 때마다 유튜브나 구글에 영어로 검색을 해가면서 프레이머를 독학 해왔어요. 강의를 들으시는 여러분들은 최대한 시행착오 없이, 즐겁게 프레이머를 공부하시길 바라는 마음에 프레이머 클래스를 개설하게 되었습니다. 일방적으로 강의를 하는 것이 아닌, 프레이머를 공부하시는 분들과 함께 소통하며 클래스를 만들어 나가고 싶습니다.
