元々Webサイトが存在せず、オンライン上での情報発信やお問い合わせ窓口がない状態でした。そこで、企業の信頼感を伝えられるようなコーポレートサイトをゼロから設計・構築しました。Web制作の実務は初めてでしたが、ヒアリングからデザイン、WordPress実装まで一貫して担当しました。

製作中

架空の保育園サイトを想定し、Figmaで作成されたデザインカンプをもとにコーディングを行いました。シンプルで親しみやすいUIを意識しつつ、スマートフォン対応を前提としたレスポンシブ設計に取り組みました。特にアコーディオン実装に苦戦し、要素の開閉処理やスムーズなアニメーションの実現に試行錯誤しました。最終的にはJavaScriptのクラス操作とtransitionを組み合わせ、自然な動きを実現できました。

架空のプロダクト紹介サイトを想定し、Figmaで作成されたデザインカンプをもとにコーディングを行いました。シンプルながらもユーザーが製品を直感的に楽しめるようなインタラクティブなUIを意識して制作しました。 ボトルの色切り替え機能の実装に苦戦しました。JavaScriptで画像の差し替えやクラスの動的操作を行う中で、複数のパターンに対応するロジックを整理するのに時間がかかりました。試行錯誤の末、再利用性のある実装に仕上げることができました。