본문 바로가기

디자인포트폴리오

[Design] 동국대학교 드림패스 웹사이트 리디자인 2차: 사이트 카피 및 오토레이아웃 적용 왜 이 사이트를 선정했는지, 왜 이 요소를 보완 필요 작업으로 가져가는지,앞서 사이트에 대한 분석을 마쳤으니이제는 기본 틀을 만들어야 한다. 요즘 찾아 보니, 수많은 피그마 플러그인이 존재하던데사이트 링크 첨부 시 해당 사이트를 수정 가능하도록 피그마에 카피해주는귀한 보석 같은 친구도 있었으나,드림패스 사이트 링크를 첨부하니 로그인 페이지까지만 제공한다. 로그인 페이지는 깔끔하다 생각해서, 건드릴 곳도 없다.쓸모가 없어졌다.결국 처음부터 만들고 조립해야 했다.    초반 작업은 스킵하고 이게 지금 당장의 단계이다.이렇게 업로드하지만, 실제로는 꽤 많은 시간이 걸렸다. 코드잇과 인프런 강의 몇 개를 수강하고줄자(Ruler) 기능, 오토레이아웃(Auto layout) 기능, 프레임(Frame) 및 그룹(Gr.. 더보기
[Design] 동국대학교 드림패스 웹사이트 리디자인 1차: 웹사이트 분석 이번 과제는 프로토타입 미니 프로젝트로써 '학교의 여러 전산 서비스 중 하나를 선택하여 이를 개선하는 프로젝트'이다.나는 우리 학교 웹 서비스 중 가장 먼저 이 드림패스 웹사이트가 생각났다.  이 웹사이트를 선정한 이유. 기본적으로 딱 마주했을 때 디자인이 조금 구리다. 그런데도 리디자인이 가능해 보인다.(UI 디자인이 구린데도 리디자인이 불가할 것 같은 매물도 존재하는 것 같다.) 또한, 내가 평소 드림패스 사이트를 이용할 때,드림패스 사이트에서 제공하는 서비스의 양질에 비해 서비스가 꽁꽁 숨겨 있다는 느낌이 들 때가 많았다. 원하는 서비스를 찾는 데 생각보다 시간이 걸리고,사이트 내부에서 황금 같은 서비스를 발견했는데도'이 좋은 게 왜 여기 숨어 있어? 사람들이 발견하기 쉽지 않겠군...'이라고 느낀.. 더보기