ポートフォリオサイト

制作概要: 自分のスキルや制作物を伝えるため、ポートフォリオサイトを制作。
デザイン: 「誰にでも伝わる」をコンセプトに制作に取りかかりました。
ベースは読みやすさを重視した白、メインカラーはロゴと統一して紺色を使用。
hover時には一目でクリックができると認識してもらえるようなアニメーションを施しました。
コーディング: CSS記述の効率化のためにSass、CSS設計の考え方としてFLOCSSを導入。
以前は、jQueryで記述していた表示/非表示の切り替えやスクロール制御をJavascriptで記述するなど、技術的なスキルアップも目指しました。
担当範囲: Design / Coding
制作期間: 60時間
レスポンシブ: スマートフォン / タブレット / PC
使用ツール: AdobeXD
使用言語: HTML / CSS / Sass / Javascript / PHP
使用CMS: WordPress