制作について

制作日数	31日
担当	#デザイン　#コーディング
ページ数	10ページ
URL	https://cocoro-web.jp/

制作で意識したこと

『デザイン』

暖かい印象、活発を意識して配色し、「デザインの4大原則」を意識。

コーポレートサイトでガッチリとした印象はあえて付けないよう、角をなくすデザインへ。

より伝わりやすいようにシンプルな構成で仕上げております。

また、各セクション、ヘッダーなども文字もAboutやWorksなどの表現ではなく『日本語』することで、一目で分かりやすい構成としております。

技術面での意識

『ユーザーを待たせないアニメーションへのこだわり』

hover時の秒数(.3s)など、遅いと感じさせない秒数を意識しております。

『アコーディオン表示のこだわり』

よくある質問ページにあるボタンはスムーススクロールを実装しており、スムーススクロールが発生した際に、どのセクションにおいても１項目は表示されている状態にしてあります。

「閲覧ユーザーは最初からすべて読むとは限らない」ことを意識して、実装を行っております。

『コードはBEM設計・SCSSのファイルディレクトリは吉本式』

製作者以外の方が修正を行う際にも、読み解く手間を少しでも省けるようにしております。また、一目で分からないようなコードにはコメント記述を行い、把握する時間の短縮を目指しております。

仕様・機能

使用言語	HTML・CSS(Scss)・Javascript(JQuery)・Wordpress
実装機能	・ハンバーガーメニュー ・スティッキーヘッダー ・ローディング ・スライドショー ・アコーディオン ・スムーススクロール ・OGP設定
使用ライブラリー	・swiper ・vivus.js
使用プラグイン	・Custom Post Type UI ・MW WP Form ・WP Mail SMTP(gmail対策)
その他プラグイン	・Admin Bar Position ・Admin Menu Editor ・All-in-One WP Migration ・BackWPup ・Show Current Template ・Yoast Duplicate Post