【WEBデザイン】講習会ページのデザインと実装を行いました

会員サイトWEB制作

制作のポイント

講座システム:UTAGE

UTAGEシステムを使用した会員サイトの制作を担当しました。
システム仕様上、HTML構造の変更ができないという制約がある環境での制作となり、CSSが反映しづらい箇所やデザイン調整に制限がある状況でした。

そのため、既存構造を前提にCSS・JavaScriptを活用し、可能な範囲でデザイン性と操作性を向上させる設計を行いました。特に、写真を活かしたメインヘッダーの設計や、ビジネス向けのトーンに合わせたサムネイル制作など、ブランドイメージを意識したビジュアル設計に注力しています。

また、会員サイトの利用方法が分かりづらいという課題に対して、ご利用ガイドページを新たに設置。ページ構成や文章も担当し、初めて利用するユーザーでも迷わず操作できる導線設計を行いました。

制約のある環境下でも、実装可能な方法を模索しながら改善を積み重ねることで、機能性と視認性の両立を図った案件です。

制作内容:会員サイト制作(UTAGE使用)
対応範囲:タイトル・文章作成・サムネイル画像・メインヘッダー設置・固定ページ作成
※ナビゲーション・フッター・講座の並び等はシステム特有の設定となります。

PC用

スマートフォン用

目次