사이드바 영역으로 건너뛰기

2004 민우회 홈피renewal Design sample_포트폴리오5

짧은 2주정도의 제작기간과 클라이언트의 컨텐츠제공이 늦어진 관계로 일정이 약간

Delay되어 밤샘제작이 매일이었지만 단기간 프로젝트로는 잼나는 경험이었던듯...

체계적인 문서라든가 까다로운 PT를 빼고 진행된 지라 부담이 약간 덜했던..

그렇지만 디자인결과는 그닥 나쁘지 않은...모 2년동안 웹디자인을 하지않고

오랜만에 손풀었던?....아직도 디자인실력은 꽤 써먹을만 하구나..모 그런 걸 재확인

할 수 있었던 기회였음을...흐흠..

 

아직은 오픈전이고 실사이미지들은 10월경에 민우회회원들로 모두 교체예정이지만 

웹디자인을 희망하는 친구들을 위해 제작프로세스를 간단하게 정리해보면

 

1. 현재 디자인 분석결과 renewal의 제작방향점검

   1) 레이아웃이 답답하다

       --> - 적절한 여백으로 정보공간이 흐르도록..

               특히 텍스트간 자간/줄간은 좀더 넓혀 정보전달력을 높힌다.

             - Center인 6개사이트의 UI통합   

            - 정보공간은 3개 Area로 나누되 Hot Issue는 2개 영역을 합쳐 사용자의

              시선을 집중시킨다.                          

   2) Trend에 뒤떨어지는 칼라, 즉 디자인 컨셉이 보이지 않는다

       -->칼라와 이미지로 민우회의 정체성을 드러내도록 유도

   3) Point가 없다, 시선 둘곳이 없다

       -->사용자의 시선이 가는 우선순위를 정한다.

            1,2차메뉴의 그룹핑과 레이아웃을 새로한다.

            배너의 수는 줄이고 크기와 공간의 재배치

 

2. 벤치마킹 후 결과

   1) 사이트의 성격 분석

       :미디어+민우회홍보 공간

   2) 디자인컨셉

   - Key word : "여성이 웃는다. 세상이 웃는다"

   - 디자인컨셉

     : Simple, Modern, Woman

       * 유지보수에 유용하고 Simple한 디자인

       * 디자인 trend의 흐름은 적절히

      -->편리한 UI와 세련된 디자인(칼라톤은 파스텔톤의 중간톤으로 부드러운 여성의 느낌강조)

       * 실사이미지 사용(일러스트 배제)

      -->실사이미지사용에는 내부논의가 왈가왈부했다. 결국엔 사용하기로 했지만

           외국인의 이미지사용는 절제. 내부회원사진 사용.

            >> 디자이너 Tip

                " 이 부분은 디자이너로서 좀 까다로운 부분이었다. 왜냐면 실사이미지 사용은

                  좋은 이미지를 사용할 수록 달리 장식이 필요없이 레이아웃하나로 멋진 디자인

                  탄생가능하다. 하지만 저작권과 의미전달이라는 측면에서는 신중히 고려해야 할

                  부분인 것이다."

       * 폰트는 5종류이상을 쓰지 않는다.

       Main Color : Blue

       Sub color : Green

       Point Color : Orange

       Font : Grey

 

3) 클라이언트와의 협의 또는 개발자와의 조율

  - 좋은 클라이언트를 만나기란 낙타 바늘구멍뚫기다?

   실전 디자인제작에서 가장 중요한 부분이 이거다.

    디자인이 워낙에 주관적 판단이 용이한? 분야라 누구나 한마디씩 거들면

    디자인의 결과는 산으로 간다. 가장 최악의 프로젝트 되는거다.

    하지만 그럴수록 디자이너의 협의 노하우가 요구되는 부분인거다.

    디자이너가 객관적이고 이성적으로 설득하고 접근하지 못하면 클라이언트와

    감정싸움도 가능하고 그러다보면 그 프로젝트는 뿌러지는 거다...

    내 생각엔 디자이너도 말발로 먹고 사는 거 같다.

    생각을 해보면 아주 뛰어나고 독특한 아이디어와 Output의 디자인이 나오기란

    10%도 안되고 거의 거기가 거기다..비슷한 UI의 비슷한 디자인컬러...Trend를

    타는 것이 대부분이므로 약간의 차별화와 디자인기획자의 이론적이면서 재치있는

    설득력(말발)으로 클라이언트를 구워삼아야 프로젝트의 승패가 판가름난다.

    대부분 클라이언트의 요구대로 맞춰주는게 일반적이긴 한데..을은 힘이 엄쓰니..

    그때는 정말 Desiger인지 Operator인지 헷갈리기 시작하는 분기점이 된다..흐흐..

    프로젝트의 운도 현명한 클라이언트를 만나는 것. 요게 관건이드라..^^

  - 탄탄한 기획력이 뒷받치되어야 디자인결실도 좋다.

    디자인은 정보의 포장술이라고도 할 수 있다. 그런데 정보의 토대가 약하거나

    컨텐츠의 부실함은 곧 디자인감각에만 의존할 수밖에 없고 디자인만 있는 사이트는

    오래가지 못하고 단기적이 될 수밖에없다. 볼게 없는 사이트와 끊임없이 정보의 진화가

    이루어지지 않는 사이트는 죽은사이트다.

    그러면에서 웹프로젝트에는 기획과 디자인, 개발 3박자가 잘 갖춰주어야만

    성공하는 프로젝트가 될 수 있다.

 

3. 프로젝트 완료 후기

   : 여성단체로는 여연과 더불어 국내에서 영향력 있는 민우회의 사이트를 맡게 된점은

     일단 기분 좋은 기회였다. 여성단체의 정체성과 색깔이 사이트에서 녹아나기를 희망하지만..

     결과는 사용자가 판단해주겠지. 잼나는 제작과정이었다~그것만으로도 만족~^^

 

4. 디자인sample

Main Design

디자인을 제대로 감상하시려면 이미지에 마우스를 갖다대고 클릭~

그러면 실제 해상도로 감상이 가능해요~

 

상단이미지영역의 Animation

 

급하게 제작이 된 Main Banner. Flash는 담당자와 개발자의 만류로 gif로 제작.

애니는 단순하게 처리..Main의 디자인컨셉을 해치지 않는 범위안에서의 움직임...


민우온라인 상담 Banner


후원 Banner


Sub page_logIn

진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기딜리셔스에 북마크