Creative Challenges
トップページのデザイン

難易度:中級者向け 時間の目安:4.5h

課題概要

アパレル会社のコーポレートサイトのデザインを制作しよう。

完成サンプル

この課題で身につくスキル
ページ構成の思考力
見た目の美しさだけではないUIスキル

使用するスキル・ツール

XD、Photoshop、illustratorの中から制作ツールを選択

この課題のポイント

この課題は、以下の点を意識して制作を進めよう。

  • 企業が信用を得るためにはどのような構成・デザインにしたら良いか考えよう
  • 下層ページを意識してTOPページを制作しよう
  • ユーザーが見やすく、使いやすいデザインとは何かを考えよう

課題内容

❶基礎問題

1、スプリットレイアウトについて正しく述べているものを一つ選べ

A、ページ垂直方向の区切りの事を指し、この区切りに合わせて各要素を配置するレイアウトのこと。

B、ページを縦横に分断する直線で格子状に分割し、コンテンツを配置していく手法のこと。

C、画面を左右二分割し、左右で別々の情報を見せるレイアウトのこと。

D、影や奥行き感などをリアルにすることで物質的な見せ方をしているデザイン手法のこと。

答え
C

2、#E8CA3Aは下記のどの色を表すか選択せよ

答え
A

3、次のうち、正しく述べているものを選べ

A、PNGは、ラスターグラフィックスのファイル形式の一つである。

B、SNSを利用して特定の個人の名誉を傷つける投稿をした場合、その内容が事実と異なるものであり軽い気持ちで投稿したのであれば、法律によって罰せられることはない。

C、ページビューとは 、アクセスログのすべての記録である。

D、ワイヤーフレームとは主に、ウェブページのレイアウトの確認、メニュー構成の確認、要素の強弱の確認などを目的に作成する構成図のことである。

答え
A と D

❷制作課題

アパレル会社「HARU WOODS」(ハルウッズ)のコーポレートサイトを制作してもらいます。
この会社の特徴としては、日本製の商品が特徴で、明治時代に創業の老舗であり、展開する3つのブランドは海外からも高い評価を得られています。
この会社は、これまで自社のホームページは持っておらず、新規のサイトになります。

クライアントの希望

サイトはシンプルに表現してごちゃごちゃさせないで欲しい。
TOPページの構成は3つのブランドの紹介と、お知らせ を入れて欲しい、ほかは自由に考えて欲しい。

制作の条件

ターゲット:30代〜50代の男性のビジネスマンが主な顧客
支給素材:製品画像数点とロゴデータ
※商品名や説明文は、想定する仮テキストを入れてください。
※他のフリー素材の使用可
ファイル形式:XD、PSD、 AI、Figmaなど

必要な素材のダウンロードはこちら

完成サンプル