font-cursive

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

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

URL: https://lp1.mari316.com/
※Basic認証にてアクセス制限をかけております。
User: user, Pass: password
               
                       
Webサイト
DATA
                           
-制作内容
トップページ+下層3ページ, レスポンシブ対応
-担当範囲
コーディング
-使用技術
HTML, Sass(CSS）, jQuery
-Plugin
Drawer.js, Wow.js (jQuery)
ABOUT

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

URL: https://ishikadan.mari316.com/
※Basic認証にてアクセス制限をかけております。
User: user, Pass: password
ランディングページ　
DATA
-制作内容
ランディングページ（1ページ）,レスポンシブ対応
-担当範囲
コーディング
-使用技術
HTML, Sass(CSS）, jQuery
-Plugin
Drawer.js, Wow.js, Swiper.js (jQuery)
ABOUT

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

                       
URL: https://lp2.mari316.com/
※Basic認証にてアクセス制限をかけております
User: user, Pass: password
イベントWebサイト
DATA
-制作内容
Webサイト（トップページ, 下層6ページ）,　Wordpressオリジナルテーマ作成, レスポンシブ対応
-担当範囲
コーディング, 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
ポートフォリオ
DATA
-制作内容
Webサイト（トップページ, 下層3ページ）,　Wordpressオリジナルテーマ作成, レスポンシブ対応
-担当範囲
デザイン、コーディング, Wordpress構築、サイトリリース
-使用技術
HTML, Sass(CSS）,Wordpress, jQuery
-Plugin
Drawer.js(jQuery),Wow.js, slick.js Advanced Custom Fields,Contact Form 7
ABOUT

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

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

https://mari316.com/
Webサイト　
DATA
-制作内容
Wordpress(トップページ/下層2ページ),レスポンシブ対応, 既存テーマ（SnowMonkey）
-担当範囲
Wordpress構築、コーディング
-使用技術
HTML, Sass(CSS),WordPress
-Plugin
ABOUT

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

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

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

LPデモサイト
DATA
-制作内容
ランディングページ（1ページ）,レスポンシブ対応,
-担当範囲
コーディング
-使用技術
HTML, CSS, Bootstrap
-Plugin
ABOUT

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

個人ポートフォリオ
DATA
-制作内容
Wordpress,既存テーマ（Fukasawa）レスポンシブ対応
-担当範囲
Wordpress構築、コーディング,サイトリリース
-使用技術
HTML, Sass(CSS）, WordPress
-Plugin
ABOUT

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

https://k.mari316.com/
個人ポートフォリオ
DATA
-制作内容
Wordpress,既存テーマ（Fukasawa）レスポンシブ対応
-担当範囲
Wordpress構築、コーディング,サイトリリース
-使用技術
HTML, Sass(CSS）, WordPress
-Plugin
ABOUT

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

https://s.mari316.com/