OpenDesign

시의회 등에 제출할 대중교통 재원 제안을 수요, 계획, 위험 대책, 승인 요청이 드러나는 HTML 슬라이드로 구성하고 포스터풍 색상과 글꼴로 표현합니다.

• 대중교통 재원 제안 자료 제작
• 시의회에 이용 수요 설명
• 계획과 위험 대책 제시

신문이나 잡지 특집 페이지처럼 긴 글을 담는 한 장의 HTML 포스터를 만듭니다. 큰 제목과 번호가 붙은 여섯 개 섹션으로 의견이나 발표 내용을 구성합니다.

• 발표 내용을 포스터로 제작
• 활동 이념을 한 장으로 정리
• 신문풍 에세이 포스터 제작

연구 지원금 심사를 위해 가설, 연구 방법, 단계별 목표, 위험을 정리합니다. 상아색 바탕과 검은 글자를 사용해 차분한 글 중심 HTML 슬라이드로 만듭니다.

• 연구 지원금 심사용 자료 제작
• 연구 결과를 글 중심 보고서로 정리
• 학술 및 정책 설명 자료 제작

피싱 징후와 최초 60초의 대응을 설명하는 직원 교육용 HTML 슬라이드를 만듭니다. Windows 95 스타일을 유지하며 내용과 슬라이드 수를 조정합니다.

• 직원 대상 피싱 예방 교육에 활용합니다
• 최초 60초의 대응 방법을 설명합니다
• 신입 직원에게 보안 수칙을 안내합니다

회전하는 글자와 지구본, 서로 다른 속도로 움직이는 여러 레이어를 조합해 CSS로 움직이는 16:9 첫 화면을 제작하고 영상 내보내기용 HTML로 정리합니다.

• 마케팅 페이지의 움직이는 첫 화면 제작
• 글자가 움직이는 타이틀 카드 제작
• 원형 링과 지구본의 반복 재생 포스터 제작

양피지 느낌의 배경과 잉크색 파란색으로 백서나 스튜디오 소개를 종이 문서처럼 구성합니다. 일본어, 영어, 중국어 간체를 지원하며 단일 HTML 파일로 만듭니다.

• 스튜디오 소개 페이지 제작
• 백서를 하나의 웹페이지로 구성
• 지표가 포함된 일본어 소개 자료 제작

동네 상점의 사진과 목소리를 종이 소책자 같은 HTML 슬라이드로 정리합니다. 베이지색과 녹색의 수공예 느낌을 살려 지역의 변화를 전하는 구성을 만듭니다.

• 사라져 가는 동네 상점을 기록합니다
• 지역 인물의 사진과 목소리를 소개합니다
• 창작자의 작품을 소개합니다

계약 갱신이나 사용자 좌석 추가를 제안할 때 도입 후 가치, 이용 실적, 투자 대비 효과를 HTML 슬라이드로 정리합니다. 고객의 내부 설명과 예산 승인을 위한 영업 자료를 만듭니다.

• 계약 갱신 제안 자료를 만듭니다
• 좌석 추가의 투자 대비 효과를 설명합니다
• 고객의 예산 승인용 제안서를 만듭니다

교통 거점 안내 시스템을 주제로 졸업 작품의 과제, 제작 과정, 성과를 HTML 슬라이드로 정리합니다. 메모지풍 디자인으로 심사위원에게 기여와 근거를 전달합니다.

• 졸업 작품 심사 발표 준비
• 안내 시스템 제작 과정 설명
• 제작 근거와 한계 정리

시리즈 A 투자 유치를 위한 HTML 슬라이드를 만듭니다. 성장 성과와 사업 확장 경로를 투자자에게 설명하고 큰 글자와 빨간색 강조로 핵심 주장을 보여 줍니다.

• 시리즈 A 투자 유치 자료 제작
• 투자자에게 성장 성과와 확장 계획 제시
• 창업자의 비전을 슬라이드로 구성

Build a magazine-style HTML presentation that explains a brand’s purpose, beliefs, and direction to partners, press, or a community. Combine seven slide types with horizontal navigation, touch swipes, and a thumbnail overview.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Explaining a brand story to partners and press
• Creating a founder pitch or conference presentation
• Combining product details, metrics, and customer quotes

GitHub의 최근 24시간 PR, 검토 요청, 이슈, CI 실행, 병합을 모읍니다. 확인할 사항을 강조해 알림 화면 형태의 일일 보고서로 정리합니다.

• GitHub의 최근 24시간 활동을 돌아봅니다
• 검토 요청을 확인합니다
• CI 실패를 파악합니다

브랜드 소개를 바탕으로 종이 질감과 콜라주를 활용한 잡지 형식의 긴 랜딩 페이지를 만듭니다. 화면 너비에 맞춘 배치와 스크롤 애니메이션도 포함합니다.

• 브랜드 소개 페이지 제작
• 스튜디오 서비스와 작업 실적 소개
• 임시 이미지로 페이지 구성 확인

기존 보험사의 디지털 전환 계획을 현황 진단, 과제 순서, 실행 체계까지 정리한 HTML 슬라이드로 만듭니다. 경영진의 의사결정을 위한 자료 작성에 활용합니다.

• 보험사의 디지털 전환 계획을 제안합니다
• 과제 우선순위와 실행 순서를 설명합니다
• 경영진의 의사결정 자료를 만듭니다

발행인과 수신인, 청구 내역, 세금, 합계, 결제 안내를 담은 인쇄용 청구서를 만듭니다. 브랜드와 글자 배치 지정에 맞춰 한 페이지 HTML로 정리합니다.

• 프리랜서 제작 프로젝트의 청구서를 만듭니다
• 청구 내역과 선급금, 세금을 정리합니다
• 결제 안내가 있는 청구서를 인쇄합니다

음악 축제 포스터 시리즈의 콘셉트부터 매체별 활용까지 HTML 슬라이드로 설명합니다. 굵은 테두리와 어긋난 그림자를 통일된 양식으로 사용해 사례 발표와 제안 자료를 만듭니다.

• 음악 축제 포스터 제작 사례 발표
• 브랜드 표현 규칙과 매체별 활용 설명
• 시각적 표현이 강한 포트폴리오 제작

할 일, 진행 중, 검토 중, 완료 열에 작업 카드를 배치하는 HTML 칸반 화면을 시제품으로 만듭니다. 담당자, 예상 포인트, 스프린트 진행 상황을 한눈에 보여 줍니다.

• 팀 스프린트 보드 시제품 제작
• 담당자와 예상 포인트를 보는 화면 설계
• 필터와 검색이 있는 보드 화면 검토

연구 보고나 사내 검토 자료를 차분한 종이 느낌의 HTML 슬라이드로 만듭니다. 짙은 파랑과 종이색, 세리프 글꼴로 구성하며 가로 스와이프와 키 조작으로 열람합니다.

• 연구실에서 연구 설계·결과·한계 보고
• 분기별 사내 검토 자료 작성
• 일본어 연구 발표 자료 제작

이사회와 인수합병 검토를 위한 투자은행 형식의 발표 자료를 만듭니다. 유사 기업, 과거 거래, 기업 가치와 전략안을 출처 및 가정과 함께 정리합니다.

• 이사회에 제시할 전략 비교 자료를 만듭니다
• 유사 기업과 과거 인수합병을 비교합니다
• 가치 평가 범위와 민감도 분석을 설명합니다

매장 직원과 매장 책임자를 위한 상담형 판매 교육을 HTML 슬라이드로 만듭니다. 접객 흐름, 역할 연습, 일상 실천 항목을 복숭아색 배경과 친근한 글꼴로 정리합니다.

• 매장 직원의 상담형 판매 교육에 활용합니다
• 신입 교육에서 접객 흐름을 설명합니다
• 역할 연습이 있는 접객 워크숍을 준비합니다

지난 24시간의 Gmail 수신 내역을 처리 필요, 주목할 정보, 참고 정보로 분류합니다. Orbit 일일 요약을 Gmail에서 메일을 연 화면처럼 표시합니다.

• 지난 24시간의 Gmail 내역을 돌아봅니다
• 처리가 필요한 이메일을 확인합니다
• 주목할 정보와 참고 메일을 분류합니다

제품 관리자의 연말 자기평가를 HTML 슬라이드로 만듭니다. 역할, 성과, 배운 점, 요청 사항을 근거와 연결하고 파스텔 색상의 둥근 카드로 상사나 평가위원회에 제시합니다.

• 제품 관리자의 연말 자기평가 준비
• 평가위원회에 성과 근거 제시
• 상사에게 전할 배운 점과 요청 사항 정리

교토 벚꽃 여행의 사진과 글을 도착, 만개한 풍경, 기억에 남는 순간으로 이어지는 HTML 슬라이드로 만듭니다. 복고풍 일본 카세트 포장 디자인으로 여행 이야기를 전합니다.

• 친구에게 벚꽃 여행의 추억을 공유합니다
• 여행 독자를 위한 사진 기행을 만듭니다
• 여행 기록을 복고풍 자료로 정리합니다

피드, 프로필, 결제 등 여섯 가지 화면 구성을 활용해 iPhone 15 Pro 기기 프레임 안에 들어가는 단일 앱 화면을 HTML 목업으로 만듭니다.

• 피드나 메시지 목록을 시안으로 만듭니다
• 프로필과 상품 상세 구성을 검토합니다
• 결제 화면과 환영 화면을 제시합니다