Miki's Portfolio

Works

制作実績

クローズドで公開許可をいただいている実績もございますので、
お気軽にお問い合わせください。

LANDING PAGE

エンジニアガイドブック様LP

30時間

HTML / CSS / Sass / jQuery / GSAP / Gulp

デザインカンプから、Gulpを用いたBEM設計でコーディング。データはJSONから読み込み、アニメーションはGSAPで実装。

Web site

LANDING PAGE

サンプルジムLP

15時間

HTML / CSS / Sass / jQuery / GSAP / Gulp

デザインカンプから、Gulpを用いたBEM設計でコーディング。GSAPで、トップページのテキスト、ロゴ、ボタン、ナビゲーションが順番に表示されるアニメーションを追加。スクロール時にふわっと表示されるアニメーションもGSAPで実装。

【Basic認証】
ユーザー名： testUser
パスワード：c7MgyQBm

Web site Git

WORDPRESS

ジェイドリームコンサルティング様

30時間

HTML / CSS / Sass / jQuery / GSAP / Gulp

デザインカンプから、Gulpを用いたBEM設計でコーディング。オープニングアニメーションとスクロールアニメーションはGSAPで実装。

Web site

WORDPRESS

みなみ歯科クリニック練習用

40時間

HTML / CSS / Sass / jQuery / WordPress

デザインカンプから、Gulpを用いたBEM設計でコーディング。コーディングしたものをWordPress化。プラグインを用いてパンくずリスト(Breadcrumb NavXT)、お問い合わせフォームとWeb予約ページ(Contact Form 7)、ページナビゲーション(WP-PageNavi)を実装。診療案内、スタッフ紹介、スタッフブログをカスタムフィールドで実装。

【Basic認証】
ユーザー名： testUser
パスワード：testPass

Web site Git

WORDPRESS

open cafe練習用

40時間

HTML / CSS / Sass / jQuery / WordPress

デザインカンプから、Gulpを用いたFLOCSS設計でコーディング。コーディングしたものをWordPress化。プラグインを用いてパンくずリスト(Breadcrumb NavXT)、お問い合わせフォーム(Contact Form 7)、ページナビゲーション(WP-PageNavi)を実装。メニュー、ショップアクセス、ギフトをカスタムフィールドで実装。

【Basic認証】
ユーザー名： testUser
パスワード：testPass

Web site Git