홈페이지 쇼핑몰 제작/홈페이지 제작실적

전주홈페이지제작 - 브이디자인(VDesign) 회사 홈페이지 전면 개편 제작 완료!!

리스페 2024. 4. 11. 12:12

23년 전통의 전북 전주 홈페이지제작 회사 브이디자인(VDesign)홈페이지가 전면개편 제작 완료되었습니다.

  • 2001년 최초 개설
  • 2005년 1차 홈페이지 개편
  • 2008년 웹표준 텍스트 버전 오픈
  • 2013년 2차 홈페이지 개편 및 모바일 홈페이지 제작 오픈
  • 2024년 3차 홈페이지 개편

11년만에 전면개편 브이디자인 회사 홈페이지 제작이 완료되었네요.

지나온 과거 파일들을 보니 감회가 새롭고 참 많은 것이 변했고 발전했구나 느껴집니다.

기존의 홈페이지 메뉴구조를 재설계하고 내용을 보완/수정하여 좀 더 자세하고 직관적인 홈페이지를 제작하였습니다.

그리고 조금은 화려한 애니메이션 효과와 동영상을 사용하는 등 동적인 홈페이지를 제작하였습니다.

대표 색상은 브이디자인 CI의 빨간색 계열과 검정색을 사용하여 대비성을 높였습니다.

홈페이지 제작이 처음이더라도 많은 것을 알 수 있도록 노력하였습니다.

감사합니다.

  • 반응형 홈페이지 제작
  • 서버환경 : EUC-KR (PHP4, MySQL4.x) -> UTF-8 (PHP7.0, mariadb-10.x)
  • 브이디자인 웹프레임워크(SiteWare) 최신 버전 기반
  • 데이터 마이그레이션
  • 메뉴구조(네비게이션) 및 콘텐츠 업데이트/추가

전주 홈페이지, 쇼핑몰, 웹개발 전문회사 브이디자인(VDesign)

전북 전주 토박이 회사로, 태어나고 자란 전북을 사랑합니다.

소재지 : 전북특별자치도 전주시 완산구 풍남문4길 25-26, 605

사업자등록번호 : 402-07-69989

KIDP 디자인회사, 장애인 기업, 직업정보제공 사업자

대표전화 : 063-232-9297

홈페이지 : http://vdesign.co.kr

 

브이디자인(VDesign) - 전주 홈페이지 제작, 쇼핑몰제작 회사/업체, 전북 웹사이트제작, 웹개발, 웹

브이디자인(VDesign) - 전주 홈페이지 제작, 쇼핑몰제작 회사/업체, 전북 웹사이트제작, 웹개발, 웹디자인, 웹마케팅, 온라인광고

www.vdesign.co.kr

 

 

메인 상단 비쥬얼 섹션

짧은 영상 2개를 슬라이도로 구현하고, 텍스트 애니메이션으로 대표문구에 효과를 주었습니다.

두 영상 모두 10초 분량(7M)이고, 슬라이드 딜레이 또한 10초인데 타이이밍이 딱 맞지 않네요. (다운로드 속도 차이 때문으로 판단)

두 영상을 1개로 편집 제작하여 반복되게 할지 고민이 되기도 합니다.

파도(Waves)와 하늘(Sky)을 배경 영상으로 사용하였습니다.

Valueable -> Value : 모바일 화면을 위해 글자수를 줄였습니다.

브이디자인은 가치, 비쥬얼, 버츄얼.. 가치있고 시각적이며 살아있는 홈페이지를 지향합니다.

하늘 배경은 "VDesign Power 앞날에 힘을 실어드립니다."문구와 제법 잘 어울립니다.

메인 섹션 1

jquery counterUp을 활용하여 만들어 보았습니다.

내세울 것이 많진 않지만, 사실대로 카운팅하였습니다.

CSS Animation에 대한 공부가 되었습니다.

메인 섹션 2

브이디자인만의 강점을 전달하고자 하였습니다.

브이디자인 공개용 홈페이지 제작 프레임워크를 사용하기도 하지만

자체개발 웹프레임워크 Siteware를 꾸준히 개발하고 업데이트 해왔습니다.

브이디자인만의 경험과 생각으로 실제 홈페이지 운영시 편리하고 유용한 기능을 탑재하고 있습니다.

메인 섹션 3

제작실적(포트폴리오)를 홈페이지, 쇼핑몰, 웹사이트, 모바일/앱 탭으로 나누어 전시하였습니다.

좀 더 큰 이미지를 사용하면 좋았으나, 그동안 쌓인 대표이미지가 너무 많아 부득이 사이즈는 그대로 사용하였습니다.

메인 섹션 4

브이디자인 운영사이트를 슬라이드로 보여줍니다.

마우스 오버시 애니메이션 효과를 주었습니다.

 

메인 섹션 5

브이디자인 무료 제공 서비스를 나열하였습니다.

일부 제공 서비스/혜택이 아닌 내용도 있지만, 개수를 맞추기 위해 추가하였습니다.

메인 섹션 6

주요 고객사이트입니다.

브이디자인 고객사이트 정보를 DB로 저장하므로, 프로그램적으로 나열합니다.

화면길이를 많이 차지하므로, 2개로 나누어 슬라이드로 일부 보여주고, 전체보기로 모두 보여줍니다.

메인 섹션 7

공지사항입니다. 제목과 내용 일부를 노출하였습니다.

모바일에서는 슬라이드로 표현되는데, 마지막 슬라이드가 되면 우측여백이 빈 공간이 되는 것이 옥의 티입니다.

100%로 구현하면 되지만, 작업에 할애한 노력이 아까워 지켜봅니다.

메인 섹션 8

카카오맵을 활용하여 지도를 표시하였습니다.

마우스를 스크롤 할 경우 화면이 혼란스러워 지도의 움직임을 일부러 막았습니다.

네이버지도는 API연동 해야 하며, 구글지도는 CTRL버튼을 누르고 스크롤하게 되어 있습니다.

빠른 상담

상단 우측, 맨 하단에 빠른 상담 신청폼을 고정 배치하였습니다.

성함과 연락처를 남기면, 브이디자인으로 문자가 발송되며, 확인 즉시 연락을 드립니다.

최상단 메뉴 (글로벌 네비게이션 GNB)

브이디자인의 로고를 중앙 배치하였고, 마우스오버시 메뉴 전체가 펼쳐 보여집니다.

펼쳐질 때 로고가 중앙에 있고 약간의 효과를 추가하여 시인성이 좋습니다.

바로 이곳에 대표전화 및 이메일 주소를 표시하였습니다.

 

사이드 메뉴 (모바일 메뉴)

모바일 사이드 햄버거 메뉴 용도지만, PC에서도 전체화면으로 노출하였습니다.

한 눈에 전체메뉴를 볼 수 있는 사이트맵 및 모바일 메뉴 역할을 합니다.

서브페이지

서브페이지들은 정보전달 위주로 제작되었고, 재사용성을 높여 유지보수 편의성을 고려하였습니다.

모바일 화면은 휴대폰에서 직접 접속해보시길 바랍니다.

반응형으로 제작되어, 다른 기기에서도 잘 보실 수 있습니다.

전체적으로 많은 시간을 더 투자하지 못하고 마무리 했습니다.

하지만 많은 것을 실험하고 배웠으며 꾸준한 업데이트와 함께 10년 사용할 예정입니다.

전북 전주 홈페이지제작을 원하신다면, 브이디자인으로 초대합니다.

전북 외 타지역 홈페이지도 제작하고 있으며, 유지보수도 하고 있으므로 거리는 온라인 소통이 가능하다면 큰 문제가 아닙니다.

http://vdesign.co.kr

개편전의 과거 화면을 기록합니다.

#전주홈페이지제작 #전주홈페이지제작회사 #전주홈페이지제작업체 #브이디자인 #vdesign #전주브이디자인 #전주웹개발 #전주쇼핑몰제작 #브이디자인홈페이지