새로운 친구들을 영입했다. 팀을 운영한다는 것이 생각보다 만만한 것이 아니다.

적은 투자 자본을 가지고 늘어난 인건비를 감당하는 것은 쉽지않을 뿐더러 사람이 늘어났기 때문에 마냥 효율적인 것도 아니다.

의견 충돌이 있을 수 있고 개개인의 사정이 있어 모두가 다 윈윈하기가 쉽지 않다. 총 4명이 함께 하고 있는데 이 쇼핑몰을 부탁한 친구, 나, 개발자 친구, 디자이너 친구가 있다. 취준 또는 취업, 사업으로 시간이 넉넉하지는 않다. 시간과 돈이 부족한 상황에서 과연 이 들을 어떻게 이끌어 나갈지 일단 지금까지 한 부분은 요구사항을 구체적으로 정의하고 어떠한 페이지들이 필요한 지를 파악했다.

소규모의 팀이 처음부터 끝까지 프로젝트를 하는 것이다.

제일 처음 한 것은 웹 기획을 공부한 것이다. 어느 정도 규모가 있는 기업에서는 요구제안서→기획(요구사항 분석, 벤치마킹, 브레인 스토밍)→와이어프레임→스토리보드→디자인→개발 이렇게 순서를 한다고 한다. 그 과정에서도 여러차례 수정과 변화를 거쳐 디자인에 들어갈 수 있다.

하지만 제한된 시간과 자본으로는 정석처럼 할 수 없는 것이 당연할 것이다. 모두가 처음 이렇게 프로젝트를 하는 것이었다. 고객친구와 우리는 질의 응답을 통해 서로를 알아가기로 했다.

  1. 브랜드 컨셉과 홈페이지를 만드는 이유 및 필수 요청사항 등 서로에게 필요한 것을 물어보고 답하였다.
  2. 기존에 가지고 있던 스마트 스토어 페이지나 다른 가구점 쇼핑몰을 참고하여 페이지를 나누고 페이지 별로 필요한 기능들을 구성했다.
  3. 와이어프레임을 짜기위해 xd를 사용하려고 한다.

가만보니 규모가 있는 기업에서 하는 것과 똑같이 하고 있다.

몇가지 의견 충돌이 있었는데 그걸 해결해준 사람은 우리중의 한 사람이 아닌 실무를 하시는 분이었다. 내 생각엔 이런 프로세스를 몰랐기 때문에 오해가 생기고 충돌이 생긴 것이 아닌가 하는 느낌이다. 하지만 실무자 분께서 이런 프로세스를 처음부터 끝까지 알려주셨고 그걸 몰랐던 사람들이 그 과정을 알게 되니 왜 그런지를 이해하고 해결방법을 찾아나가기 시작했다.

이래서 경험이 중요한 것 같다.

'친구쇼핑몰 만들어주기' 카테고리의 다른 글

웹 기획 단계 0 알아보기  (0) 2022.02.10

웹 기획자

저는 기획을 해 본 적이 없습니다. 경영에 대한 지식도 없고 아무것도 없는 바닥인 상태임을 인정합니다. 그래서 몇몇 사람들에게 열등감을 느꼈습니다. 바둑에서 진 것 같이 말이죠. 예전에는 이 감정을 느끼고 자신감만 깎아 나갔지만 겁내지 않고 그림 그리는 법이라는 책을 읽고 열등감이 에너지라는 말이 떠올랐습니다. 자신이 필요한 부분이 열등감으로 나타나고 그것을 알아차리면 큰 성장을 할 수 있다는 말이었습니다. 그래서 기획을 공부하기로 했습니다.

https://brunch.co.kr/@nonem/1 블로그 글 정리

마케팅, 컨셉 및 방향에 맞게 사이트의 구성 및 콘텐츠의 배치 작업을 하는 사람 → 필요한 콘텐츠를 설계하고 구성해야 합니다.

필요한 역량 소통능력(고객과 개발자 간의 중매자 역할) 및 문서작업을 통해 전달하는 능력(개발자를 위한 문서화 업무)

3가지 마음가짐

  1. 스케줄링 - 프로젝트 == 정해진일정 → 자기관리
  2. 업무습관 왜? 어떤 용도로 사용할 것인지 항상 확인하는 것
  3. 마음을 읽어주는 능력 - 칭찬 - 존경받는 리더

프로젝트 시작

절대 흔들리지 않는 것이 ‘사업의 목적과 목표’ == 대전제 ( 왜 이걸 해야하는 지에 대한 궁극적인 목표)

RFP(요구사항 제안서)를 받으면 이것을 토대로 기획으로 넘어갑니다.

요구사항 분석

고객이 준 rfp를 가지고 무엇이 필요한 지를 구체적으로 분석하는 부분

  1. AS-IS - 현재 상황(시스템의 서버 환경, 온라인 서비스 운영 구조, 사용성, 확장성, 가독성, 일관성, 명확성)을 분석하는 단계

1-1. 타겟 분석 ⇒ 주된 사용자 층의 성병, 나이, 지역, 행동 패턴, 소비 패턴, 왜 이 온라인 서비스를 방문했는지

1-2. 벤치 마킹 ⇒ 경쟁사와 우수사의 벤치 마킹 항목(기준)을 먼저 정하고 “인사이트”를 얻을 수 있어야 합니다. 벤치 마킹이 꼭 필요하고 목적성이 분명하면 할 수 있지만 그렇지 않다면 꼭 할 필요는 없다고 합니다.

  1. TO-BE - 수행기획안 RFP와 AS-IS의 분석을 통해 어떤 격차가 있는 지를 명확하게 알았다면 메인 페이지 기획 컨셉과 디자인 시안이 같이 준비되어집니다.

IA(메뉴 구조)설계

  • 엑셀로 모든 기능을 쭉 적어보고 여러 필터를 거쳐 추리는 과정입니다. 어느 부분에 들어갈 기능인지, 들어가야하는 기능인지 아닌지를 요구사항 제안서를 잘 살펴 확인합니다.

와이어 프레임

  • 손그림으로도 그려서 구상할 수 있는 단계이며 전체적인 틀을 잡고 동선을 짜고 디자인 시안을 구상할 수 있는 단계입니다. 목업툴이 여기서 사용될 수 있습니다.

플로우차트

  • 동선과 흐름을 표시한 것으로 순서도로 나타내기도 하고 스토리보드에 얹기도 합니다. 콘티 느낌이 강합니다.

프로토타입

  • 사용감 테스트를 위해 비슷하게 대략적으로 구현한 것이며 진짜 개발은 아닙니다.

지금 해야하는 부분은 IA설계와 와이어 프레임 제작이라고 느꼈습니다. 이미 기능들이 이미 갖춰진 페이지가 있고 그것을 리뉴얼 하는 것이라고 판단하면 될 듯 합니다. 디자인 컨셉과 상품의 소재가 변경될 수는 있지만 이미지로 커버가 가능할 것 같기에 여러 레이아웃 도안을 작성하기로 했습니다.

 

'친구쇼핑몰 만들어주기' 카테고리의 다른 글

팀구성  (0) 2022.02.14

최근 친구의 온라인 가구 쇼핑몰을 개발하기위해 gcp에서 환경 설정을 하게 되었습니다.

홈페이지를 개발하는 과정을 유튜브로 매일 저녁 7시30~8시 사이에 시작해서 1시간에서 1시간 30분씩 방송하고 있습니다.

https://www.youtube.com/channel/UCbz860KglXxaMV2eKPDW4eg

GCP - compute engine

구글에서 제공하는 클라우드 플랫폼의 기능 중 클라우드 서버를 만들 수 있는 compute engine에 인스턴스를 만들었습니다. 가이드가 친절하게 잘 되어 있습니다.

Docker

제가 이해한 도커는 레고블록 조립을 자동으로 해주는 기계라고 느꼈습니다.

도커 파일 == 설명서

도커 이미지 == 레고 블록들

도커 컨테이너 == 완성된 레고 모양

도커 허브 == 레고 블록들을 파는 가게 물론 무료입니다만..

도커 파일을 깃헙 레포지토리에 올리게 되면 조립하고자하는 완성된 레고를 위한 설명서들이 적혀 있습니다. 이제까지 저희는 완성된 레고를 위해 손수 블록을 하나하나 만들어 쌓아야 했습니다. 도커는 이를 자동으로 편하게 만들어줍니다.

저희가 할 일은 어떤 완성된 블록을 쌓고 싶은지 및 그 설명서를 작성하는 일입니다.

제가 완성하고 싶은 레고 모양은 다음과 같습니다. 

- 프론트엔드 

  - Flutter

- 백엔드

  - nodejs - koa

  - mongodb

  - nginx

이와 같은 환경을 도커에 띄우는 것이 목표입니다.

Flutter

플러터는 웹, 안드로이드, ios 모든 기기로 배포를 할 수 있는 아주 좋은 dart 프레임워크입니다.

플러터를 debian linux에서 사용하는 것은 에뮬레이터가 없지만 vscode로 ssh를 연결하면 맥에서 돌리는 에뮬레이터를 연결할 수 있지 않을까 하는 생각입니다.

플러터를 도커라이징하는 것과 배포하는 것은 엄연히 다른 것이라는 것을 깨달았습니다. 배포는 사용자가 사용하려면 꼭 필요한 부분입니다. 하지만 도커라이징은 꼭 필요한 과정은 아닙니다. 이건 사실 제 욕심입니다. 이렇게 환경설정에 성공한다면 다음 프로젝트에도 이렇게 사용하기 위함입니다.

 

 

https://smartstore.naver.com/vinarc

*친구의 가게는 스마트 스토어를 중심으로 온라인으로 가구를 판매하고 있습니다. 친구가 원하는 것은 자기 가게만의 분위기를 만들고 싶다는 것이었습니다. 브랜딩을 잘 한 가구점은 각자의 홈페이지를 가지고 있었기 때문에 홈페이지가 필요했습니다.

지금 현재는 nginx로 도메인 호스팅을 해놓았습니다. hello-world라는 글만 띄워져 있지만 앞으로 예쁜 홈페이지가 될 것입니다.

http://www.vinarc.co.kr/ 

저의 개발일지를 읽어주셔서 감사합니다

+ Recent posts