担当範囲
デザイン・コーディング・WordPress実装・SEO
制作概要
個人事業「コレカラウェブ」の公式ウェブサイトです。
事業内容やこれまでに制作してきたウェブサイトのポートフォリオを公開しています。
ヘッダー・メインコンテンツ・フッターを左右に並べた少し変わったレイアウトで作ってみました。
もちろんレスポンシブウェブデザインにも対応しているので、モバイルデバイスでの見た目にもこだわりがあります。
工夫したところ
PC版とスマホ版で、全体のレイアウトをガラッと変更しております。
PC版では左から右に向かっているカラム構成、スマホ版では上部がヘッダーで下部がフッターのオーソドックスなレイアウトになっています。
また、PC版のトップページは全てのコンテンツがブラウザ表示領域に表示されるようなレイアウトとなっており、スクロールする領域がありません。
中央にメインビジュアルがドカンと表示され、右サイドバーから各種コンテンツのページへと遷移できます。
このPC版トップページのレスポンシブ対応は結構大変でした。
制作期間
2週間
使用ツール・技術
WordPress / Cursor Pro / GitHub / WinSCP / HTML / CSS / Sass / JavaScript / PHP / SEO