Qlip Connect

制作概要: プログラミングスクールのポータルサイト
ターゲット: 20～50代の現役職業訓練生および修了生
コンセプト: 「学びから就職まで」を支えるデジタルプラットフォームとして、学習コンテンツ・就職活動・キャリア形成に役立つ情報を体系的に掲載。
本サイトは訓練生チームによる共同制作で、職業訓練校の管理のもと運用予定。
デザイン: ＜担当＞
チーム制作課題（12名）において、フロントエンド班リーダーを担当。
キービジュアル画像（5枚）の作成、ワイヤーフレーム・デザインカンプ制作、HTML／CSS／JavaScriptによるコーディングを担当しました。

＜デザインのポイント＞
ヘッダーのメインビジュアルではスクール全体の世界観を表現し、続くスライドでは代表的な4つの訓練コースの特徴をビジュアルで紹介。
レスポンシブ設計を考慮し、画面サイズが変化してもキャッチコピーが見切れないようテキストを中央に配置しています。

サイト全体のトーンは「親しみやすさ」と「IT業界らしさ」の両立を意識。
アイソメトリックイラストを用いて温かみを持たせつつ、ダークブルーを基調にライトブルーと白で明るく清潔感のある印象に仕上げました。
アクセントには補色関係にあるイエローとピンクを採用し、単調にならないデザインバランスを意識しています。
使用ツール: Photoshop / Illustrator / Figma / Visual Studio Code / WordPress