■担当範囲 ディレクション / Webデザイン / フロントエンドエンジニア ■使用ツール・言語 WordPress / JavaScript / CSS / Figma 商業施設やオフィス、ホテルなどの空間デザインを手掛ける設計事務所のWebサイトを新規構築いたしました。 【Direction & Design (Figma)】 クライアント様が作り出す空間の「空気感」や「素材の質感」をWeb上で損なわないよう、ミニマルで洗練されたデザインを追求しました。 Figmaでの設計段階から、写真のトリミング比率や余白（ホワイトスペース）の取り方を緻密に計算。装飾を極力削ぎ落とすことで、主役である「建築事例写真」が最も引き立つギャラリーのようなUIを構築しました。 【Development (WordPress / CSS / JavaScript)】 多種多様な施工事例（店舗、オフィス、展示施設など）をカテゴリー別に整理し、スムーズに閲覧できるポートフォリオ機能を実装しました。 WordPressのカスタム投稿タイプを活用し、写真のアップロードだけで美しいレイアウトが自動生成される更新システムを構築。 また、JavaScriptを用いて、ページ遷移や画像の表示時に上品なフェードインアニメーションを加えることで、ブランドイメージに合致した「静謐で上質なユーザー体験」を提供しています。 2025年制作