Development
웹사이트 외주 제작
역할
기획 · 디자인 · 개발
연도
2025
카테고리
Development
기술 스택
Next.js, TypeScript, Tailwind CSS, Vercel, Figma
madeybridge.com
이 사이트가 포트폴리오입니다
프로젝트 소개
클라이언트의 비즈니스 목표에 맞춘 맞춤형 웹사이트 제작 프로젝트입니다. 요구사항 분석부터 와이어프레임 설계, UI 디자인, 프론트엔드 개발, 그리고 Vercel 배포까지 전 과정을 원스톱으로 진행했습니다. 반응형 디자인과 SEO 최적화를 기본으로 적용하여 다양한 디바이스에서 최적의 사용자 경험을 제공합니다.
Responsive Preview
MB
소개서비스포트폴리오문의
Madeybridge
Desktop
MB
소개서비스포트폴리오문의
Madeybridge
Tablet
MB☰
Madeybridge
Mobile
HeroSection.tsx
TypeScriptTailwindNext.js
1
2
3
4
5
6
7
8
9
10
11
export default function HeroSection() {
const t = useTranslations("hero");
return (
<section className="h-screen">
<motion.div animate={fadeIn}>
{t("tagline")}
</motion.div>
</section>
);
}
기획 → 디자인 → 개발 → 배포 원스톱
UTF-8TSX