コーポレートサイト_コーディング

OVERVIEW

炭酸泉サロンサイトのコーディングとSPレイアウトのデザインを担当しました。 ページ数は7ページです。

YEAR 2019

概要

・制作時期:2019年5月
・工数  :6人日
・開発環境:Mac book Pro、vscode、GitHub、Illustrator
・使用言語:HTML、CSS、Sass、JavaScript、jQuery
・JS実装 :ハンバーガメニュー、ページ内リンク

【トップページ(PC)】

ポイント

・BEMによるCSS設計
BEMの命名規則に従い、分かりやすく拡張性の高いコード管理を行いました。

・SassによるCSS作成
ファイル分割、変数、継承等などを活用して効率的にCSSを作成しました。

・gulpによるタスク自動化
Sassのコンパイル、オートプレフィックス、画像圧縮、コードの自動整形等のタスクを自動化させました。

・Githubによるソースコード管理
1人による作業でしたが、Githubを利用してソースコードを効率的に管理しました。

・グリッドレイアウト によるレスポンシブデザイン

【PC】【SP】

※守秘義務の関係で、社名とリンクは控えさせて頂いいます。