한국농식품벤처투자협회

소개

Why?

가이드

포트폴리오

소식

문의하기

카카오톡 실시간 상담

#UI/UX

#반응형

#관리자페이지

#WEB

#Framer-motion

#Next.js

#Python

#Fast-api

한국농식품벤처투자협회

link-item-image/file/2024_12_23/1734939750360_chrome.webp

Web Site

portfolio-top-image/file/2025_05_12/1747035401080_한국농식품벤처투자협회-1.webp

제작 연도2025

제작 기간1.5개월

사용 기술Next.js, Devup-ui, TypeScript, Framer-motion, Python, Fast-api

성능

접근성

권장사항

100

검색엔진 최적화

100

※ 해당 테스트는 구글 크롬을 이용해 진행된 결과입니다.

ABOUT기존 랜딩페이지를 새롭게 리디자인하고, 최신 트렌드를 반영한 UI/UX로 웹사이트를 재구축했습니다. 또한, 관리자페이지를 함께 제공하여 누구나 손쉽게 콘텐츠 수정과 설정 변경이 가능하도록 개발하였습니다. 협회의 비전과 가치를 더 효과적으로 전달할 수 있도록, 디자인부터 관리 편의성까지 모두 업그레이드된 웹사이트를 지금 확인해보세요!

고객 요구사항노후된 웹사이트의 UI/UX 전면 개선 - 기존 랜딩페이지의 낮은 가독성과 직관성 문제를 해소하고, 최신 디자인 트렌드를 반영한 시각적 개선 요구 협회의 비전 및 핵심 가치 전달력 강화 - 방문자가 핵심 콘텐츠에 쉽게 접근하고, 협회가 추구하는 방향성과 정체성을 명확히 인식할 수 있는 콘텐츠 구조 설계 요청 누구나 쉽게 운영 가능한 관리자 시스템 제공 - 별도 개발 지식 없이도 내부 운영자가 콘텐츠(이미지, 문구 등)를 자유롭게 수정·관리할 수 있도록 요청 - 유지보수 부담을 줄이고 실시간 콘텐츠 운영이 가능하도록 설정 접근성과 호환성 확보 - 다양한 브라우저와 기기에서 안정적으로 작동하도록 반응형 웹 구현 요청 - 웹사이트로서 접근성 기준 또한 고려

주요 개선 사항✅ 웹사이트 전면 리디자인 및 구조 개선 - 최신 디자인 트렌드를 반영한 UI 구성 - 콘텐츠 우선 순위에 따라 시각적 계층 구조 재정립 - 가독성과 정보 전달력을 고려한 컬러 시스템 및 타이포그래피 설계 ✅UX 관점의 콘텐츠 흐름 최적화 - 사용자의 정보 탐색 동선을 고려한 내비게이션 재구성 - 주요 정보(비전, 사업, 지원 안내 등)에 빠르게 접근 가능하도록 설계 ✅맞춤형 관리자 페이지 개발 - 이미지, 문구, 배너, CTA 버튼 등 주요 콘텐츠를 직접 수정 가능하도록 모듈화 - 비개발자도 쉽게 활용할 수 있도록 직관적인 UI 설계 - 콘텐츠 변경 시 실시간 반영되는 미리보기 기능 적용 ✅반응형 및 접근성 대응 - 모바일, 태블릿, 데스크톱 등 다양한 환경에 대응

OUTPUT