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

ポートフォリオ2ページ,レスポンシブ対応
コーディング
HTML, Sass(CSS), jQuery
Drawer.js (jQuery)
Figmaのデザインデータをもとに、HTML/CSSコーディングいたしました。ピクセル単位で調整し、レスポンシブ対応済みです。お問い合わせフォームはGoogle Formを埋め込みました。
トップページ+下層3ページ, レスポンシブ対応
コーディング
HTML, Sass(CSS), jQuery
Drawer.js, Wow.js (jQuery)
Adobe XDのデザインデータをもとに、架空の温泉旅館のHTML/CSSコーディングいたしました。CSSアニメーション、カレンダー、ブロークングリッド、JSを使った各種機能(モーダル、タブ切り替え)、縦書き、パンクズリスト構造化などの実装をしました。

トップページ+予約ページ, レスポンシブ対応
コーディング, Wordpress構築
HTML, Sass(CSS), jQuery
Drawer.js, Advanced Custom Fields,Custom Post Type UI,Breadcrumb NavXT, MW WP Form
Photoshopのデザインデータ(※)をもとに、HTML/CSSコーディング、Wordpress導入まで行いました。
(※デザインデータは、実在の会社様の許可のもと使用させていただいております。)
カスタムフィールドによるページ内コンテンツ追加機能、予約フォーム(カレンダーから日付選択、郵便番号から住所自動入力)、SNSタイムラインやGoogle Mapの埋め込み、などが主な機能です。

トップページ+下層ページ, レスポンシブ対応
コーディング, Wordpress構築
HTML, Sass(CSS), jQuery
Slick, Advanced Custom Fields,Custom Post Type UI
Photoshopのデザインデータ(※)をもとに、HTML/CSSコーディング、Wordpress導入まで行いました。
(※デザインデータは、実在の会社様の許可のもと使用させていただいております。)
既存サイトからカスタム投稿をインポートをしました。カスタムフィールドによるページ内コンテンツ追加機能、パララックスエフェクト、メガメニュー、アコーディオンメニュー、スライダーなど実装しています。

ランディングページ(1ページ),レスポンシブ対応
コーディング
HTML, Sass(CSS), jQuery
Wow.js (jQuery)
Adobe XDのデザインデータをもとに、HTML/CSSコーディングいたしました。CSS設計(FLOCESS), コンポーネント化を意識してコーディングをしました。 @asuma_project よりデザインをいただきました。

Webサイト(トップページ), Wordpressオリジナルテーマ作成, レスポンシブ対応
コーディング, Wordpress構築
HTML, Sass(CSS), jQuery
Drawer.js(jQuery),
実在する団体様より許可をいただき使用させていただいたデザインデータから、HTML/CSSコーディング、Wordpress導入まで行いました。プルダウンメニューの実装、Googleカスタム検索の埋め込み、NEWS(投稿データ)一覧表示を実装しました。

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

Webサイト(トップページ, 下層6ページ), Wordpressオリジナルテーマ作成, レスポンシブ対応
コーディング, Wordpress構築
HTML, Sass(CSS),Wordpress, jQuery
Drawer.js(jQuery), Breadcrumb NavXT, Advanced Custom Fields, Smart Custom Fields,Custom Post Type UI,MW WP Form
Adobe XDのデザインデータ(※)をもとに、HTML/CSSコーディング、Wordpress導入まで行いました。
(※デザインデータは、実在の団体様の許可のもと使用させていただいております。)
NEWS(投稿データ)一覧表示、データ投稿機能、カスタムフィールドによるページ内コンテンツ追加機能、お問い合わせフォームなどが主な機能です。

Webサイト(トップページ, 下層3ページ), Wordpressオリジナルテーマ作成, レスポンシブ対応
デザイン、コーディング, Wordpress構築、サイトリリース
HTML, Sass(CSS),Wordpress, jQuery
Drawer.js(jQuery),Wow.js, slick.js Advanced Custom Fields,Contact Form 7
こちらのポートフォリオページです。デザイン、HTML / CSSコーディング後、Wordpress導入しオリジナルテーマとして制作いたしました。
TOPページの制作実績一覧はスライダー(slick.js)を実装しました。また画面をスクロールさせると、それに合わせてコンテンツがふんわりと表示されるようにしました。
Wordpress(トップページ/下層2ページ),レスポンシブ対応, 既存テーマ(SnowMonkey)
Wordpress構築、コーディング
HTML, Sass(CSS),WordPress
実在するゲストハウス様に許可をいただいて、Wordpressテーマ既存テーマ(Snowmonkey)を使ってWebサイトを作成しました。レスポンシブ対応済みです。お問い合わせフォームなど頻出する機能を実装しております。

Webサイト(トップページ/下層2ページ),レスポンシブ対応,既存テーマ(Lightning)
Wordpress構築,コーディング
HTML, Sass(CSS),WordPress
実在する料理教室様に許可をいただき、Wordpressテーマ既存無料テーマ(Lightning)を使ってWebサイトを作成しました。レスポンシブ対応済みです。お問い合わせフォームなど頻出する機能を実装しております。

ランディングページ(1ページ),レスポンシブ対応,
コーディング
HTML, CSS, Bootstrap
Boostrap(CSSのフレームワーク)を使ってランディングページ(デモサイト)を作成しました。

Wordpress,既存テーマ(Fukasawa)レスポンシブ対応
Wordpress構築、コーディング,サイトリリース
HTML, Sass(CSS), WordPress
個人のポートフォリオ(作品集)です。既存のWordpressテーマ(Fukasawa)を使ったことで短時間でサイトの構築をすることができました。展覧会をイメージし、たくさんの作品をTOPページに表示させました。