고도몰 인터렉션이 들어간 쇼핑몰 퍼블리싱

프로젝트 개요 : - WIX 기반 홈페이지 디자인/퍼블리싱 및 홈페이지에 적용 자사 홈페이지 주소: - <a href="https://www.mobiliverse.co.kr/" target="_blank">https://www.mobiliverse.co.kr/</a> 필요 요소 : - 디자인 및 퍼블리싱 - WIX로 만들어진 홈페이지에 작업한 디자인을 적용 시켜야 함 총 페이지 수 : - 7 페이지 (메인5개, 서브2개) 요구 사항 : 1. 웹, 모바일 2가지 환경에서 모두 볼 수 있게 디자인 작업 필요 2. Sktech, Figma, Adobe 제품 군에서 원하는 것으로 디자인 작업 가능, 추후 최종 원본 결과물은 전달이 가능해야 함 3. 메인 색상은 총 3가지이며, 각각의 색상으로 시안 작업 요청 (총 시안이 3개 나와야 함) - #000000 - #5048E5, #665FE8, #262099 - 디자이너 추천 색상 산출물 : - 디자인 적용이 완료된 사이트 - 디자인 원본 및 퍼블리싱 파일 참고 사이트 : - <a href="https://www.tmapmobility.com/" target="_blank">https://www.tmapmobility.com/</a> - <a href="https://www.peoplecar.co.kr/" target="_blank">https://www.peoplecar.co.kr/</a> - <a href="https://www.socar.kr/" target="_blank">https://www.socar.kr/</a>

프로젝트 개요 : - 자사는 전자담배액상을 만드는 회사입니다. 엑셀 파일관리에서 프로그램 형태로 변경하려 합니다. 더욱이 각 원자재에 대한 구성 내용을 관리하고자 합니다. 보안에 대한 니즈도 있습니다. 프로젝트 현재 상황 : - 현재 제작을 위한 요구 사항이 정리되었습니다.(첨부파일 참조) - 협력 관계에 있는 개발자분이 백엔드 설계를 진행하였습니다. (DB설계 완료, 비즈니스 로직 정의/확정된 상태) * 프로젝트에 도움을 주시는 정도입니다. 개발에 직접 참여하진 않습니다. 필요 요소 : - 분석/설계 - UI 개발( Bootstrap ) * 사내 업무용이라 디자인 퀄러티 부분은 우선순위가 낮습니다. 개발자분이 화면 구성해주셔도 됩니다. - 백엔드 개발 개발 환경/언어 : - 인프라 : On-premise 로 Ubuntu - DB 설치 및 설정 : postgresql 설치 - Front : React 로 개발 요청 / 별도 이미지를 사용한 디자인 대신 bootstrap 으로 개발 - Backend : Node or Flask 로 개발 산출물 : - 소스 코드 원본 요구 사항 요약 : - 주요 기능은 제품의 레시피 확인, 출력, 원자재 확인 등의 기능 * 단, 제작하는 분과 상담 후 좀 더 기능이 들어갈 수도 있기 때문에 내용이 추가되는 부분에 대해서는 다소 여유는 두어야 할 거 같습니다. - 회원의 수는 4~6명 정도 사용 / 열람만 가능한 자, 수정 또한 가능한 자로 나뉩니다. 요구 사항 상세 : - 첨부된 PPT 파일을 확인해주세요. * PPT에는 회원가입 내용이 포함되어 있습니다만, 사내 업무용이라 관리자 계정이 임직원 계정을 생성해주는 쪽으로 진행해도 무방합니다. ( 회원가입 기능 구현 필수 아님 )

프로젝트 개요 : - 태양에너지 발전소의 수집 데이터와 발전 현황을 보여주는 웹페이지를 만들고자 하며, 발전소를 소유하고 있는 발전주, 공공기관에서 보게 될 페이지입니다. 현재 준비 상황 : - 현재까지는 기능을 검토하기 위한 모니터링 페이지를 가지고 있으나, 상용서비스를 위해 추가 컴포넌트 개발과 UI중심의 패널을 구축하고자 합니다. - 전반적인 흐름과 구성 파악이 가능한, Figma 페이지를 공유합니다. - <a href="https://www.figma.com/proto/PS9qBDWGKss056Thl1wly0/tailwind-ui-figma-kit-2021-07-14?node-id=1227%3A30527&scaling=min-zoom&page-id=1227%3A30526&starting-point-node-id=1227%3A30527" target="_blank">https://www.figma.com/proto/PS9qBDWGKss056Thl1wly0/tailwind-ui-figma-kit-2021-07-14?node-id=1227%3A30527&scaling=min-zoom&page-id=1227%3A30526&starting-point-node-id=1227%3A30527</a> * (우측 상단 Option -> Show Figma UI 해제 해야 배너 클릭 가능) - 해당 페이지로 알기 어려운 상세 내용(데이터/구동 형태 등)의 경우 대면/비대면 미팅을 통해 설명드릴 수 있습니다. - 기존 보유하고 있던, 데이터 확인용 모니터링 페이지는 대다수의 데이터를 Highcharts를 통해 도시하였습니다. - 해당 페이지는 미팅 시 샘플 ID 생성 후 공유 예정입니다. 필요 요소 : - 발전소 모니터링 웹서비스 디자인 및 Frontend 개발 작업 툴 : - Figma 개발환경/언어/방식 : - HTML, CSS, Javascript, React.js 주요 기능 List/주요 화면 List/메뉴 구성/요구 사항 등 : 1) 요구 사항 1. 현재 프로토타입 기획안을 기반으로 상용 디자인 진행 (글래스모피즘 스타일 디자인) - 기존 Figma 파일 후 React 컴포넌트를 고려하여 디자인 고도화 및 퍼블리싱 진행이 필요합니다. - 추후 유지보수를 자체적으로 진행할 수 있도록 Figma로 제작되어야 하며, 수정 가능한 작업물 제공 필요합니다. 2. 상용 디자인을 기반으로 웹페이지 구축 + 당사 개발인력과 협업(백엔드) - 자사 유지보수가 가능하도록 React로 웹페이지 구축, 수정 가능한 코드 제공 필요 2) 주요 화면 1. 앞선 Figma 프로토타입의 기능 요소 세부 내용은 하기의 내용으로 요약하였습니다. - 해당 내용은 요청 시 자료로 제작하여 제공드릴 수 있습니다. 2. 통합관리 (Figma 1페이지) - 발전소 목록 및 발전 상태 등은 서버에서 얻어올 수 있음 - 발전 지도의 핀은 각 발전소의 위치를 뜻하며, 클릭 시 발전소 목록의 해당 발전소 highlight 되어야 함. 그 반대의 경우도 되어야 함. - 지도의 확대/축소 정도에 따라 적당한 수로 (혹은 지역 분류 별로) 클러스터링 되어야 함. - 세부 페이지 존재: SMP+REC 거래가, 유지보수 필요 발전개소, 전국 발전량 분포 3. 대시보드 (Figma 2페이지) - 페이지 하단의 발전소 배치도: 각 패널 별 현재 상태를 표시하는 것으로, 초기에 상태 값을 서버에서 얻어온 뒤 이벤트 수신 시(웹소켓 등 사용 예정) 해당 패널의 상태를 변경하고, 그에 따라 패널 상태 표시도 변경되어야 함. - 페이지 상단의 실시간 예상 수익/발전량/상승량: 초기값을 서버에서 얻어오고 변경되는 데이터를 웹소켓으로 지속적 업데이트 가능해야 함. 4. 세부 현황 (Figma 3페이지 : 핵심 페이지) a. 발전소 배치도 컴포넌트 - 발전소를 구성하는 각 패널들을 표시하며, 패널의 위치는 실수 좌표로 주어짐. 인버터의 위치 또한 제공됨. - 각 패널의 수치 데이터는, '표시 항목'에서 지정한 항목, '표시 형식'에서 지정한 형식, '시간범위 설정 컴포넌트'에서 지정한 시간범위 를 서버로 전송하여 값을 얻음. - 각 패널의 분포 데이터는, 수치 데이터와 함께 서버에서 제공하는 값임. - 배치도는 구글맵처럼 확대/축소/회전이 가능해야 함. - 배치도가 일정 배율보다 축소될 경우 일부 데이터를 표시하지 않음. - 특정 패널을 클릭하면 '체크'됨. b. 패널 선택 컴포넌트 - 발전소 배치도 컴포넌트에서 패널을 '체크'할 경우 그 정보가 트리에도 반영되어야 함. 그 반대 경우도 성립해야 함. c. 발전 현황 비교 컴포넌트 - '체크'된 패널들의 발전 데이터(전압, 전류, 온도 등)를 표시 - '체크'된 패널들의 리스트와 '시간 범위'를 서버로 보내면 해당하는 데이터 목록을 받을 수 있고, 이를 그래프로 표시할 수 있어야 함. - '체크'상태가 변경되거나 '시간 범위'가 변경될 경우 그에 따라서 서버로 요청을 보내야 하고, 무의미한 응답을 방지하기 위해 일정 시간동안 debouncing 해야 함, (한번 클릭 바꾸고 2초 뒤에 클릭 바꾸고 해도 5초동안 변경이 없어야 서버로 응답 보내고..) d. 시간 범위 설정 컴포넌트 - 7D/1M/3M: 현재 시각을 기준으로 해당 버튼 클릭 시 해당하는 기간으로 시간범위 설정됨. - 설정된 '시간 범위'는 그래프 상의 최대/최소 범위에 해당함. - 녹색으로 그려진 사각형은 컴포넌트 하단 가로스케일에서 녹색에 해당함. - 전체 데이터 범위는 별도로 서버에서 주어짐. 가령, 실제로 발전소의 데이터가 03/01~12/01 존재하고, 사용자가 시간범위를 07/01~10/01로 설정했고, 그 중 녹색 상자의 범위가 07/30~08/07 이라면 컴포넌트 하단의 수평선의 최소-최대범위는 03/01~12/01 이고, 슬라이더의 범위는 07/01~10/01 이며, 슬라이더 안에서 녹색 범위는 사용자가 설정한 07/30~08/07 임. - 컴포넌트에 그려진 선 그래프는 해당 기간 범위에 대한 대표값으로, 가령 발전량일 수 있으며, 이는 '기간범위'를 서버로 요청하면 제공하는 데이터임. 5. 정밀진단(Figma 4페이지) - Digital Twin의 이미지는 서버에서 제공하는 이미지 주소를 embed하면 됨. - O&M 대응 제안의 각 아이콘을 클릭하면 페이지 우측 영역의 '진단블록'에 추가됨 - 진단 블록이 추가됨에 따라 추가적인 옵션이 존재할 수 있음 (사용자가 선택하는 체크리스트) - 위 진단블록 및 사용자 옵션의 변경에 따라서 패널 맵의 항목이 변경될 수 있음. (이에 관해서는 서버에서 응답 제공 예정) 산출물 : 1) 디자인 : 디자인 원본 파일 2) 개발 : 개발 원본 소스 코드 작업 분량 : - Figma 기준 4~5P 기타 참고 사항/유의 사항 : - 기간 단축이 가능하다면 금액 상향도 고려하고 있습니다.

프로젝트 개요 : - 홈페이지 데이터 통합 검색 서비스 반응형 웹 디자인 및 개발 의뢰 목표 : - "현재 홈페이지에서 제공하고 있는 데이터"에 "신규 데이터"를 추가하고, 이를 통합적으로 조회할 수 있게 하는 페이지를 만드는 것이 최종 목표입니다. - 이번 시범 콘텐츠 페이지에서는 조회할 수 있는 "기존/신규 데이터"를 한정적으로 제한합니다. - 유저들에게 새로운 통합 검색 서비스를 시범적으로 경험해보게 하고, 긍정적인 반응을 이끌어내는 것을 목표로 합니다. 진행 계획 : - 12월 중 착수, 한 달간 작업 - 정확한 작업 기간 및 일정은 미팅을 통해 조율 가능합니다. 현재 준비 상황 : - 사업 콘셉트 및 진행 방향 및 준비 완료되었습니다. - 기획은 내부에서 진행합니다 필요 요소 : - 신규 페이지의 반응형 디자인 및 웹 퍼블리싱 - 웹 프론트 개발 개발환경/언어/방식 : - 제안 요청드립니다. 요구 사항 : - 첨부파일 참고 바랍니다. - 정해진 토픽과 관련된 인물의 발언, 언론보도 자료 등을 제공하는 페이지 추가 개발이 필요합니다. - 토픽과 관련 인물 발언, 언론보도 등의 데이터는 준비되어 있으며 발언을 보여주는 UX 기획이 필요합니다. ( 자사에서 진행하며 개발 방식에 따라 고려되어야 하는 부분을 논의하고자 합니다. ) 기타 요청 사항: - 정식 서비스 개발 여부를 결정짓게 되는 프로젝트입니다. 유저들에게 새로운 데이터와 새로운 조회서비스를 통해 신선한 경험을 안겨주고 싶습니다.

<프로젝트 개요> 프로젝트 소개: - 기업 오피셜 반응형 사이트 Frontend 개발 - 발주사 : 비공개 - 수행사 : (주)더즈인터랙티브 프로젝트 진행 상황: - 개발 진행 중입니다. 전체 시스템 구성: - Web 전체 프로젝트 일정: - 전체 프로젝트 일정:~23.2 - 투입 예정일:ASAP (최대한 빠르게 투입이 필요합니다.) - 인터뷰 및 계약 일정:지원자 발생 후 즉시 인터뷰 요청 예정이며 계약 여부도 즉시 안내드릴 예정입니다. - 계약 진행 프로세스: 프로젝트 지원 > 실무진 및 임원진 인터뷰 1회 (코딩 테스트 x) > 계약 결정 <상세 업무 내용> 모집 인원: - 경력 3년 차 이상 1명 (월 350만 원~400만 원) 상세 업무: - PC, Mobile Web 등의 운영/개선 및 리뉴얼 퍼블리싱 - 기업 오피셜 반응형 사이트의 서브 페이지부터 퍼블리싱을 요청드릴 예정입니다. - 상세 화면 및 내용은 대외비이므로 미팅 시 공유드리겠습니다. - 내부 Frontend 및 Backend 개발자 협업하여 진행할 예정입니다. 필수 기술: - HTML, CSS, SCSS 자격 요건: - 경력 3년 이상 - HTML, CSS, SCSS 웹 퍼블리싱 실무 경험 - 웹 접근성, 웹 표준, 웹 최적화, Cross-browsing, 모바일 디바이스에 대한 이해와 기술 경험 우대 사항: - React JS 사용 가능자 - Ajax - web API를 통한 동적 웹 기술 경험자 - swiper, locomotive scroll 등 웹 퍼블리싱 라이브러리 경험자 <기타 유의사항> - 위시켓 이용요금은 클라이언트가 부담합니다. - 주차: 불가능합니다. - 반상주는 미팅 시 협의하여 진행할 예정입니다.