C84e9ad53712b0bd

架空コーポレートサイト【要件定義・デザイン・実装】

OVERVIEW

2つ目につくったWEBサイトです。 クライアントモデルは、私が現在勤めている農業用の無人ヘリとドローンを扱う専門商社です。

YEAR 2022

目次

1.前提

2.要件定義

3.デザインイメージ

4.デザインカンプ

5.工夫した点

6.コメント

WEBサイトを見る


1.前提

制作期間 : 2022.01.01 - 2022.01.19

所要時間 : 約38時間30分(要件定義・デザイン・実装)

対応デバイス : パソコン、 スマートフォン(横幅360px)

使用機材 :Panasonic Let’s note 


2.要件定義


3.デザインイメージ


4.デザインカンプ

TOPページ

事業内容 リンク先①

事業内容 リンク先

事業内容 リンク先③

事業内容 リンク先④


全体のレイアウト : AdobeXD  /  ロゴ : illustrator

WEBサイトを見る


5.工夫した点

全体

  • 図や写真を多く使用 → わかりやすく
  • 読みやすい字(游ゴシック使用)
  • 事業内容ごとにページを分ける → ひとつひとつ説明できる
  • ボタンをわかりやすくした(特にお問い合わせボタンと戻るボタン)
  • スッと浮かび上がるようなアニメーション → 航空機が飛ぶ感じとスマートさを表現

各セクション

  • ハンバーガーメニューをクリックすると、回転して三から✕に変わる → プロペラの回転をイメージ
  • ハンバーガーメニュー内に電話番号を入れる → 簡単に電話できる
  • 事業内容を並べて、どんな事業内容があるのか一度に見られるようにした
  • お問い合わせフォームでフローをつけて、送信の確認をできるようにした

リンク先

  • それぞれの事業内容ページから別の事業内容ページへ飛べるようにした(現在閲覧しているページは色を#3DC2C にしてわかりやすくした)

6.コメント

 シンプル且つ2つ目のWEBサイトだったこともあり、1つ目のものより素早く自走することができました。


WEBサイトを見る


WEBSITE