
ランディングページ(1ページ),レスポンシブ対応
HTML, Sass(CSS), jQuery
Drawer.js, Wow.js (jQuery)
実在するブランド様の許可をいただいてAdobe XDのデザインデータをもとに、HTML/CSSコーディングいたしました。アニメーション(wow.js)を使ってふんわりと画像が表示されるように工夫しました。
ランディングページ(1ページ),レスポンシブ対応
HTML, Sass(CSS), jQuery
Drawer.js, Wow.js, Swiper.js (jQuery)
ランディングページのコーディングサンプルです。Adobe XDのデザインデータをもとに、HTML/CSSコーディングいたしました。ピクセル単位で調整し、レスポンシブ対応済みです。スライダー、アコーディオン、Google Mapの埋め込み、お問い合わせフォームなどランディングページに頻出する機能を実装しております。
Webサイト(トップページ, 下層6ページ), 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(投稿データ)一覧表示、データ投稿機能、カスタムフィールドによるページ内コンテンツ追加機能、お問い合わせフォームなどが主な機能です。

ランディングページ(1ページ),レスポンシブ対応
HTML, CSS, Bootstrap
Boostrap(CSSのフレームワーク)を使ってランディングページ(デモサイト)を作成しました。Boostrapはテンプレートが多数あり素早く作業をすることができます。
Webサイト(トップページ/下層2ページ),レスポンシブ対応,既存テーマ(Lightning)
HTML, Sass(CSS),WordPress
実在する料理教室様に許可をいただき、Wordpress 既存無料テーマ(Lightning)を使ってWebサイトを作成しました。レスポンシブ対応済みです。お問い合わせフォームなど頻出する機能を実装しております。
Wordpress(トップページ/下層2ページ),レスポンシブ対応, 既存テーマ(SnowMonkey)
HTML, Sass(CSS),WordPress
実在するゲストハウス様に許可をいただいて、Wordpressテーマ(既存テーマ(SnowMonky)を使ってWebサイトを作成しました。レスポンシブ対応済みです。お問い合わせフォームなど頻出する機能を実装しております。
Wordpress,既存テーマ(Fukasawa)レスポンシブ対応
HTML, Sass(CSS), WordPress
個人のポートフォリオ(作品集)です。既存のWordpressテーマ(Fukasawa)を使ったことで短時間でのサイトリリースを実現しました。展覧会をイメージし、たくさんの作品をトップページに表示させました。
Wordpress,既存テーマ(Fukasawa)レスポンシブ対応
HTML, Sass(CSS), WordPress
個人のポートフォリオ(作品集)です。既存のWordpressテーマ(Fukasawa)を使ったことで短時間でのサイトリリースを実現しました。展覧会をイメージし、たくさんの作品をトップページに表示させました。