Frontend Engineer & Designer

モダンで
信頼される
Web体験。

水田 和希 (Kazuki Mizuta) — ユーザー視点のUI/UXデザインと、React/Next.jsによる高いパフォーマンスのWeb画面実装を提供します。

Crafting premium, user-centric web applications with a focus on cutting-edge aesthetics and zero-compromise performance.

ABOUT

水田 和希

Kazuki Mizuta

実務経験1年とフリーランス経験1年を持つ、フロントエンドエンジニア。 モダンな技術選定（React/TypeScript等）と、クライアントの要件に迅速に応えるレスポンス力、そして最後までやり抜く責任感を持った開発を得意としています。

Frontend engineer with 2 years of professional & freelance experience. I specialize in modern tech stacks, rapid responsiveness to client needs, and taking strong ownership of projects from concept to deployment.

Built With
Next-Gen Stack

このポートフォリオサイト自体も、最新の技術スタックを用いて
「パフォーマンス」「没入感」「保守性」を極限まで高める設計で構築されています。

Framework

Next.js (App Router)

最新のReact Server ComponentsとTurbopackを活用した高速なページ遷移とSEO最適化。

Styling

Tailwind CSS v4

ユーティリティファーストのアプローチによる一貫したデザインシステムと、ダークモードのシームレスな統合。

Animation

Framer Motion

useSpringやuseScrollを用いた物理演算ベースの滑らかなパララックス（視差効果）と高度なUIモーション。

Deployment

Vercel & Turbopack

グローバルエッジネットワークへの即時デプロイと、極限まで最適化されたCI/CDパイプライン。

Toolkit &
Expertise

デザインから開発、使用ツールまで、
私のクリエイティブとコードを支える技術セットです。

Tech & Code

HTMLJavaScriptTypeScriptReactNext.jsjQueryPHP

Design

CSSSassTailwind CSSIllustratorPhotoshopXDAviUtl

Tools

Visual Studio CodeAntigravityWordPressGitVercelVite

Contact

LINESlackChatWorkZoom

Selected
Works

これまで実際に担当・参画したWebアプリケーションやコーポレートサイトなどの開発実績です。
フロントエンドの緻密な実装からバックエンドとの連携まで、幅広い領域で価値を提供しています。

ポートフォリオサイト
View Details

ポートフォリオサイト

Personal Portfolio

ポリゴンスタイルのビジュアルが印象的な、Web Engineerとしての自己紹介ポートフォリオサイト。

A personal portfolio with striking polygon-style visuals showcasing web engineering skills.

HTMLCSSJavaScript
iSARA（イサラ）
View Details

iSARA（イサラ）

iSARA — Nomad Engineer Course

バンコクのノマドエンジニア育成講座「iSARA」の模写LPサイト。受講案内・資料請求機能を実装。

Landing page for iSARA, a Bangkok-based nomad engineer training program with inquiry features.

HTMLCSSjQueryPHP
Example Shop
View Details

Example Shop

Example Shop — Brand Site

フルスクリーン写真と洗練されたナビゲーションを軸としたファッション・ブランドの模写ショップサイト。

A fashion brand website featuring full-screen photography and refined navigation design.

HTMLCSSJavaScript
DIGSMILE INC.
View Details

DIGSMILE INC.

DIGSMILE — Corporate Site

「デザインで人を笑顔にする」をコンセプトに掲げたデザイン会社の模写コーポレートサイト。

Corporate site for DIGSMILE INC., a design company with the philosophy 'Design for Smile.'

WordPressCSSJavaScript
Cresta Design
View Details

Cresta Design

Cresta Design — Office Design

快適なオフィス空間をデザインするCresta Designの模写ブランドサイト。施工事例やサービス紹介を掲載。

Brand site for Cresta Design, an office design firm showcasing projects and services.

HTMLSassjQuery
Monster House
View Details

Monster House

Monster House — Bar & Lounge

「心行くまで楽しい空間を」がコンセプトの飲食店（バー・ラウンジ）の店舗紹介サイト。

Website for Monster House, a bar & lounge with the tagline 'An endlessly enjoyable space.'

WordPressCSSPHP

Let's Connect

新しいプロジェクトのご相談や、技術的なディスカッションなど、お気軽にご連絡ください。

Contact Me
GitHub