希望の、一歩先へ。
私について
初めまして。今 裕暉と申します。 看護師として働きながら、web制作に取り組んでいます。 「安心して依頼できるWEB制作者」を目指し日々活動しております。 看護師としての経験から、人の気持ちを汲み取り、お客様のニーズを把握することが得意です。 お客様の希望の、「一歩先」を目指したWEBサイト制作を行います。
Nice to meet you.I am Yuuki Kon. I am doing web production while working as a nurse. I am active every day to become the web creator who can ask in peace. From the experience of the nurse,The feeling of the person is found. It is pride to grasp the needs of the customer. I aim for one step ahead hope of the customer.
つくったもの
当サイトです。XDを用いてデザインカンプを作成し、コーディングまで行いました。GSAPを用いた横スクロールの導入、CSSによるローディングアニメーションの導入などを行なっています。
デザインカンプ:自作 - Adobe xd
使用言語:HTML/CSS(SCSS) jQuery
jsライブラリ:GSAP
アニメーション:hover,click,scroll,loading
主要UI:ハンバーガー
XDで作成されたデザインカンプをもとに、コーディングを行いました。 メインビュー部分には動画素材を使用しています。 各要素にはスクロール時のfadeUpアニメーションを適応。 My value部分にはslickによるカルーセルを導入しております。
デザインカンプ:既存 - Adobe xd
使用言語:HTML/CSS(SCSS) jQuery
jsプラグイン:slick.js
アニメーション:hover,click
主要UI:ハンバーガー,カルーセル
XDで作成されたデザインカンプをもとに、コーディングを行いました。 サイト全体に慣性スクロールを導入。ヒーロー画像とポイント部分の画像にパララックスを導入してリッチなサイトに仕上げています。
デザインカンプ:既存 - Adobe xd
使用言語:HTML/CSS(SCSS) jQuery
jsプラグイン:slick.js luxy.js
アニメーション:hover,click,scroll
主要UI:ハンバーガー,カルーセル,アコーディオン
XDで作成されたデザインカンプをもとに、コーディングを行いました。 WordPress化まで行なっています。WPプラグインはBreadcrumb NavXTを用いてパンクズリストの導入、Advanced Custom Fieldsを用いてカスタムフィールドの導入を行なっています。
デザインカンプ:既存 - Adobe xd
使用言語:HTML/CSS(SCSS),PHP
WP-plug-in:
BreadcrumbNavXT
Advanced Custom Fields
主要UI:アコーディオン
お問い合わせ
どんな些細なことでも構いません。
お気軽にお問い合せください。