font-cursive

MY PRODUCTS
これまでに制作した物の一部をご紹介いたします。
ランディングページ
DATA
-制作内容
ランディングページ(1ページ),レスポンシブ対応
-担当範囲
-使用技術
HTML, Sass(CSS), jQuery
-Plugin
Drawer.js, Wow.js (jQuery)
ABOUT

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



ランディングページ 
DATA
-制作内容
ランディングページ(1ページ),レスポンシブ対応
-担当範囲
-使用技術
HTML, Sass(CSS), jQuery
-Plugin
Drawer.js, Wow.js, Swiper.js (jQuery)
ABOUT

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



イベントWebサイト
DATA
-制作内容
Webサイト(トップページ, 下層6ページ), Wordpressオリジナルテーマ作成, レスポンシブ対応
-担当範囲
-使用技術
HTML, Sass(CSS),Wordpress, jQuery
-Plugin
Drawer.js(jQuery), Breadcrumb NavXT, Advanced Custom Fields, Smart Custom Fields,Custom Post Type UI,MW WP Form
ABOUT

Adobe XDのデザインデータ(※)をもとに、HTML/CSSコーディング、Wordpress導入まで行いました。 (※デザインデータは、実在の団体様の許可のもと使用させていただいております。) NEWS(投稿データ)一覧表示、データ投稿機能、カスタムフィールドによるページ内コンテンツ追加機能、お問い合わせフォームなどが主な機能です。

https://graduationwork.mari316.com/
※Basic認証にてアクセス制限をかけております。
User: user, Pass: pass
LPデモサイト
DATA
-制作内容
ランディングページ(1ページ),レスポンシブ対応
-担当範囲
-使用技術
HTML, CSS, Bootstrap
-Plugin
ABOUT

Boostrap(CSSのフレームワーク)を使ってランディングページ(デモサイト)を作成しました。Boostrapはテンプレートが多数あり素早く作業をすることができます。



Webサイト
DATA
-制作内容
Webサイト(トップページ/下層2ページ),レスポンシブ対応,既存テーマ(Lightning)
-担当範囲
-使用技術
HTML, Sass(CSS),WordPress
-Plugin
ABOUT

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



Webサイト
DATA
-制作内容
Wordpress(トップページ/下層2ページ),レスポンシブ対応, 既存テーマ(SnowMonkey)
-担当範囲
-使用技術
HTML, Sass(CSS),WordPress
-Plugin
ABOUT

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



個人ポートフォリオ
DATA
-制作内容
Wordpress,既存テーマ(Fukasawa)レスポンシブ対応
-担当範囲
-使用技術
HTML, Sass(CSS), WordPress
-Plugin
ABOUT

個人のポートフォリオ(作品集)です。既存のWordpressテーマ(Fukasawa)を使ったことで短時間でのサイトリリースを実現しました。展覧会をイメージし、たくさんの作品をトップページに表示させました。

個人ポートフォリオ
DATA
-制作内容
Wordpress,既存テーマ(Fukasawa)レスポンシブ対応
-担当範囲
-使用技術
HTML, Sass(CSS), WordPress
-Plugin
ABOUT

個人のポートフォリオ(作品集)です。既存のWordpressテーマ(Fukasawa)を使ったことで短時間でのサイトリリースを実現しました。展覧会をイメージし、たくさんの作品をトップページに表示させました。