전체 글5 [Marketing Company] 마케팅 회사(Marketing Company)를 소개하기 위한 정적 웹 페이지(Web page) - Mobile 디자인(Design) 제작 과정Index page변경 사항헤더(header)의 로고(Logo) 글씨 제거 - 공통댓글 섹션(section) 배치 변경Plan page변경 사항각 카드 내의 배치 변경Portfolio page변경 사항댓글 섹션 배치 변경SNS Section 배치 변경About page변경 사항회사 연혁 섹션 정렬 변경 2025. 6. 15. [Marketing Company] 마케팅 회사(Marketing Company)를 소개하기 위한 정적 웹 페이지(Web page) - Tablet 디자인(Design) 제작 과정Index page변경 사항헤더(header)의 메뉴(menu)를 햄버거 메뉴로 변경 - 공통흐름을 보여줄 수 있는 섹션(section)의 배치를 텍스트 박스(Text box)와 이미지 박스(Image box)를 합침푸터(footer) 배치 변경 - 공통Plan page변경 사항각 플랜(Plan)의 카드(Card) 내의 배치 변경About page변경 사항회사 소개 섹션의 회사 로고와 설명 배치 변경회사 연혁 섹션의 정렬 변경 2025. 6. 15. [Marketing Company] 마케팅 회사(Marketing Company)를 소개하기 위한 정적 웹 페이지(Web page) - Desktop 디자인(Design) 방향성회사와 관련된 웹 페이지(Web page)이기 때문에, 애니메이션이 화려하게 들어간 것보다는 정보를 전달할 수 있는 기본적인 형식의 페이지로 구성할 것.1회 성 서비스가 아닌 장기적인 계약과 관련된 서비스기 때문에 구매보다는 상담 형식으로 유도할 것.제품 구매 상담과, 일반 상담을 구분 지을 것.제작 과정DesktopDesktop과 Laptop은 비율만 수정되고 동일하기 때문에, Laptop에 대한 부분은 생략했습니다.Index page구성Index page와 각 페이지로 이동할 수 있는 메뉴가 포함된 헤더(header) - 공통첫인상을 위한 배너(Banner) 및 행동을 유도하는 CTA(Call To Action)기본적인 흐름을 보여줄 수 있는 섹션(section)신뢰성을 위한 댓글 섹션한 번 더.. 2025. 6. 15. [Marketing Company] 마케팅 회사(Marketing Company)를 위한 로고(Logo) 제작 방향성회사와 관련된 웹 페이지(Web page)인 만큼, 어느 정도 격식을 갖춘 느낌일 것.상징성이 있어야 하기 때문에, 심볼(Symbol) 형 로고(Logo) 로 디자인 할 것.제작 과정격식 갖춘 느낌을 주기 위해 특이하게 디자인된 글꼴보다는 고딕체 또는 명조체 중 선택을 하려 했으며, 미적인 부분을 위해 명조체로 선택을 하게 되었습니다.심볼형을 디자인하기 위해 마케팅 회사(Marketing Company)와 관련된 여러 키워드를 정리해 봤으나, 아이콘(Icon) 적인 느낌이 강해서 깔끔하게 글꼴을 변형시킨 형태로 디자인을 하였습니다.글꼴은 'Marketing Company'에서 'm', 'k', 't'을 사용했습니다.참고해당 로고는 추후에 웹 템플릿(Web Template)와 함께 공유될 예정입니다... 2025. 6. 6. 안녕하세요. 웹 템플릿(Web Template)을 제작하는 웹템소입니다. 안녕하세요.웹(Web) 제작에 도움을 드리기 위해 웹템소(웹 템플릿 제작소)를 운영하는 Tief입니다. 이 블로그에서는웹 템플릿(Web Template) 제작 과정웹 템플릿 소개 및 공유피드백(Feedback)을 통한 업그레이드(Upgrade)위 세 가지를 중점적으로 다뤄보려 합니다. 앞으로 전문성 확립의 기본이 되는 웹 제작에 도움이 될 수 있도록 노력하겠습니다. 2025. 6. 6. 이전 1 다음