메인배너를 활용한
교육센터 웹사이트디자인

by 라우드소싱

"다양한 시안을 받아볼 수 있고

제가 의도하는 디자인 컨셉을 잘 전달할 수 있다는게 참 좋더라고요."

- 의뢰자 leg0***님 -




"제가 했다면 나오지 않았을 멋진 디자인과 창의력에 감동받았습니다."

- 의뢰자 sl0***님 -




20만 디자이너 회원과 함께 디자인 콘테스트 방식으로 외주를 진행하는 라우드소싱!

이번 포스팅에서는 실제 고객님들의 교육센터 웹사이트 디자인 제작 사례를 소개하고자 합니다.

메인배너를 활용하여 정보를 효과적으로 보여주는 교육센터 웹사이트 디자인, 함께 보시죠!






1. 이렇게 디자인 해주세요!



Q. '패스트레인 교육센터'는 어떤 회사인가요?

A. 저희 회사는 네트워크, 보안, 블록체인, 인공지능, 클라우드 등 다양한 it 기술 교육을
LG, 삼성 등 국내 기업 it 인력에게 진행하는 기술 교육센터입니다.
국제 시스코, SAP 등 글로벌 기업의 공인 교육센터로도 인증받아 공인 교육 진행하고 있습니다.
저희 타켓은 기업, 공공기관의 IT 기술인력들입니다.



Q. 어떤 웹사이트 디자인을 원하시나요?

A. 메인 화면은 조금 밝게 갔으면 좋겠고
교육센터이다 보니 정확한 정보를 줄수 있는 디자인이 필요합니다.
교육센터이기 때문에 자기가 수강하고 싶은 교육을 찾는것, 수강신청 하는것,
일정체크하는 것 정도가 가장 중요한 메뉴라고 할 수 있습니다.
요청사항은 아래 7번에 제가 샘플을 작성하여 달아놓았습니다.
들어가야 할 메뉴나 전체적인 구도 부분만 참고하시고 자유롭게 디자인 해주시면 될 것 같습니다.




패스트레인 교육센터의 디자인 콘테스트는

14일 동안 17명의 디자이너님들이

참여해주셨습니다.




2. 우승작이 선정되었습니다!

2023-11-27 21 57 30.png




의뢰자님께서는
17개의 웹사이트 디자인 작품 중
isdy 디자이너님의 작품을 우승작으로 선정하셨습니다!





Design by isdy


2023-11-27 21 57 39.png
2023-11-27 21 57 54.png
2023-11-27 21 58 02.png
2023-11-27 21 58 18.png
2023-11-27 21 58 57.png
2023-11-27 21 59 10.png
2023-11-27 21 59 20.png


디자인 설명
사이트의 Ui개선 및 요구사항을 고려하여 제작되었습니다.
정보의 직관적인 노출과 각각의 콘텐츠 레벨을 조정하여 설계되었으며,
메인 배너의 활용성과 모바일웹을 고려한 반응형 디자인으로 제안드립니다.
(디자인에 사용된 스톡이미지는 개인으로 구매한 사용가능한 이미지입니다.)






그럼 다음 이 시간에도
라우드소싱의 다양한 디자인을 소개해드리러 찾아오겠습니다!
20만 디자이너와 함께하는 라우드소싱에서
놀라운 크리에이티브들을 경험하세요!




1q.png






매거진의 이전글자연일러스트로 친환경이미지를 강조한 비료 포장지디자인