実在するブランド様の許可をいただいてAdobe XDのデザインデータをもとに、HTML/CSSコーディングいたしました。アニメーション（wow.js)を使ってふんわりと画像が表示されるようにしました。お問い合わせフォームも実装しております。

Figmaのデザインデータをもとに、HTML/CSSコーディングいたしました。ピクセル単位で調整し、レスポンシブ対応済みです。お問い合わせフォームはGoogle Formを埋め込みました。

Adobe XDのデザインデータをもとに、架空の温泉旅館のHTML/CSSコーディングいたしました。CSSアニメーション、カレンダー、ブロークングリッド、JSを使った各種機能（モーダル、タブ切り替え）、縦書き、パンクズリスト構造化などの実装をしました。

Adobe XDのデザインデータをもとに、HTML/CSSコーディングいたしました。CSS設計(FLOCESS), コンポーネント化を意識してコーディングをしました。　@asuma_project よりデザインをいただきました。

実在する団体様より許可をいただき使用させていただいたデザインデータから、HTML/CSSコーディング、Wordpress導入まで行いました。プルダウンメニューの実装、Googleカスタム検索の埋め込み、NEWS(投稿データ)一覧表示を実装しました。

ランディングページのコーディングサンプルです。Adobe XDのデザインデータをもとに、HTML/CSSコーディングいたしました。ピクセル単位で調整し、レスポンシブ対応済みです。スライダー、アコーディオン、Google Mapの埋め込み、お問い合わせフォームなどランディングページに頻出する機能を実装しております。

Adobe XDのデザインデータ(※）をもとに、HTML/CSSコーディング、Wordpress導入まで行いました。
（※デザインデータは、実在の団体様の許可のもと使用させていただいております。）

NEWS(投稿データ)一覧表示、データ投稿機能、カスタムフィールドによるページ内コンテンツ追加機能、お問い合わせフォームなどが主な機能です。

こちらのポートフォリオページです。デザイン、HTML / CSSコーディング後、Wordpress導入しオリジナルテーマとして制作いたしました。

TOPページの制作実績一覧はスライダー（slick.js）を実装しました。また画面をスクロールさせると、それに合わせてコンテンツがふんわりと表示されるようにしました。

実在するゲストハウス様に許可をいただいて、Wordpressテーマ既存テーマ（Snowmonkey）を使ってWebサイトを作成しました。レスポンシブ対応済みです。お問い合わせフォームなど頻出する機能を実装しております。

実在する料理教室様に許可をいただき、Wordpressテーマ既存無料テーマ（Lightning）を使ってWebサイトを作成しました。レスポンシブ対応済みです。お問い合わせフォームなど頻出する機能を実装しております。

Boostrap（CSSのフレームワーク）を使ってランディングページ（デモサイト）を作成しました。

個人のポートフォリオ（作品集）です。既存のWordpressテーマ（Fukasawa）を使ったことで短時間でサイトの構築をすることができました。展覧会をイメージし、たくさんの作品をTOPページに表示させました。