企業様のコーポレートサイトを、ワイヤーフレーム設計からデザイン、コーディングまで一貫して担当いたしました。全12ページ規模のマルチページ構成で、企業情報・サービス紹介・採用ページ・お問い合わせフォームなどを実装しています。

プロジェクト概要

• 制作期間： 約1ヶ月
• 担当工程： ディレクション（ワイヤーフレーム作成〜） / デザイン / コーディング・実装

制作のポイント

ワイヤーフレームからの一貫したディレクション

サイト全体の構成・情報設計をワイヤーフレームの段階から組み立て、その後のデザイン・実装まで一貫した意図を持たせて進行。工程間で認識のズレが生じにくい、ブレのない制作フローを実現しています。

ブランドイメージを反映したビジュアルデザイン

事業内容や強みを踏まえた上で、シンプルながらも信頼感のあるデザインを設計。配色やレイアウト一つひとつに意図を持たせ、企業のブランドイメージを訪問者へ的確に伝えることを意識しました。

保守性を見据えたSCSS設計

Sassの最新モジュールシステム（@use / @forward）を採用し、Foundation・Layout・Component・Projectといった役割ごとにファイルを分割する設計手法でスタイルを構築。ページ数の多いサイトでも、どこに何が書いてあるか迷わない、更新・追加に強い構造にしています。

軽量なインタラクション実装

フェード切り替えの自動スライダーや、スクロールに連動したフェードインアニメーション、ハンバーガーメニューの開閉制御などをJavaScript／jQueryで実装。過度な演出に頼らず、ページの読み込み負荷を抑えながら心地よい操作感を実現しました。

ワイヤーフレームからコーディングまでワンストップで対応することで、複数の制作会社を介する場合に生じがちな認識のズレやコストを抑えながら、一貫性のあるアウトプットを実現しています。