[MetisX] 반도체 메모리 기술회사 홈페이지 완료!
기술 소개 위주의 기업홈페이지 UXUI디자인 및 아임웹 구축 프로젝트
[MetisX] 홈페이지 UXUI디자인 및 아임웹 구축 프로젝트 마무리!
기업의 혁신성을 강조하고 보유 기술을 더욱 명확히 하는 B2B 기업의 홈페이지 리뉴얼 작업을 진행했어요:)
▶ UX와이어프레임, UI디자인, 아임웹 구축 | 8주
우수한 반도체 메모리 기술을 가지고 계신 기술 회사의 홈페이지 UXUI디자인을 진행하고 아임웹으로 구축까지 진행했어요.
고객사에서는 제품과 기술에 대한 명확한 타겟을 설정하고, 기술 정보를 직관적으로 이해할 수 있는 홈페이지 디자인을 요청주셨는데요! 어떻게 UXUI디자인으로 표현했는지 소개해드릴께요!
[Before]
기존의 홈페이지는 회사의 아이덴티티가 느껴지지 않았고, 기술에 대한 설명이 긴 텍스트로 나열되어 있어 정보를 한눈에 이해하기가 쉽지 않았습니다.
[After]
그럼 좀 더 자세하게 제작 과정 요약 보여드릴게요! :)
고객사 요구사항
▶클라이언트 요구사항
- 차세대 반도체 기술을 개발하는 혁신성, 적극적인 기술 협력을 지향하고, 명확한 Target Application을 설정하고 시장을 선도하는 회사의 이미지가 강조되길 원하셨어요.
- 또한 페이지 방문자가 메인 콘텐츠를 직관적으로 이해할 수 있는 그래픽 디자인이 필요하셨고,
- 비즈니스 Enable, 인재 채용 등 양방향 소통의 창구로 활용할 수 있는 홈페이지 구성을 원하셨어요
원일레븐디자인 UX분석
고객사와 기획워크샵으로 킥오프 미팅을 진행하여 프로젝트의 목적과 요구사항을 분석하고 주요 요구사항을 파악하게 되는데요!
보유 기술에 대한 명확한 정보 전달과 차세대 반도체 기술을 개발하는 혁신성을 보여줄 수 있는 홈페이지로 기획 방향을 잡아가며 B2B 타겟 고객에 맞춰서 메뉴 구조도를 재설정하고, 유사서비스를 분석하여 디자인 방향성을 모색했어요.
원일레븐디자인 UX와이어프레임
다음은 프로젝트 기획 내용을 토대로 와이어프레임을 진행했어요!
메모리 및 데이터 처리의 복잡한 개념을 명확히 시각화하여 사용자가 기술적 정보를 쉽게 이해할 수 있도록 설계하고
기술자와 비즈니스 사용자가 모두 쉽게 탐색할 수 있는 구조로 구성했어요.
확장 가능한 정보 아키텍처를 통해 회사가 성장할수록 새로운 기능이 자연스럽게 통합될 수 있도록 고려했어요.
원일레븐디자인 UI디자인
와이어프레임을 통해 총 10페이지 분량의 화면이 설계되었고, 그에 대한 UI디자인 작업을 진행했습니다. 앞서 분석했던 요구사항을 적용해 작업했어요.
제품의 고퀄리티 사진을 이용하여 시각적으로 돋보이게 구성하고, 각 제품을 설명하는 다이어그램을 그에 맞춰 디자인했어요.
또한 반복적이고 일관된 구성 요소를 사용하여 유지 관리와 업데이트를 용이하게 하고,
색상, 타이포그래피, 그래픽 스타일을 통해 MetisX의 기술적 혁신과 신뢰성을 강조할 수 있도록 디자인 시스템을 구성했어요.
성공적인 프로젝트 완료!
결과적으로 기술 제품이 크게 보여지고, 브랜드의 정체성이 느껴지는 컨셉 디자인을 통해 사용자에게 제품과 회사가 각인되도록 하고,
제품에 대한 설명을 다이어그램으로 구성하여 어려울 수 있는 내용을 쉽게 이해할 수 있도록 하여 사용자가 원하는 정보를 쉽게 얻을 수 있도록 완성하였어요.
우수한 프로젝트에 참여할 수 있어서 영광이었습니다! 믿고 맡겨주셔서 감사의 말씀을 전합니다 :)
다양한 300여 개의 프로젝트 진행 경험으로 보이지 않는 사용자 경험, UX 디자인을 설계합니다.
원일레븐디자인 문의하기
한달에 딱 10개만 집중해요!
✔️ 질문지 작성 후 저희가 확실하게 도움드릴 수 있는 프로젝트만 선별하여 진행하고 있습니다.
✔️신청서는 아래 링크로 접수하여 남겨주시면 24시간 안에 답변을 드리고 있습니다.
✔️ 작업은 모두 100% 예약제로 진행됩니다.
원일레븐디자인 상담하기
✔️ [MetisX] 와 비슷한 작업이 필요하신가요?
아래 링크로 채팅 남겨주시면 친절하게 상담 도와드릴게요.
ONE ELEVEN DESIGN
작은 것을 위대하게 하는 것이 위대한 결과를 낳는다.
since 2017
▶ 원일레븐 카톡 채널 바로 가기
▶ 원일레븐 인스타 바로보기
https://www.instagram.com/111design___
#반도체 #홈페이지 #아임웹
