works

• #WEBサイト

• IT企業のコーポレートサイト

• 自主制作

  Design

  Coding

• URL :  https://takaseharuka-portfolio.site/past-work/bluecorporation/

企業のコーポレートサイトとして、架空のBtoBのIT企業コーポレートサイトを自主制作しました。

目的

商談相手がコーポレートサイトを訪れた時に、既存サイトでは数年前に制作したサイトであるため印象が古くなってしまう。 リニューアルし最新のビジュアルに変えることで、成長し続けている企業という印象に変え、信頼できそうな有望企業であることをサイトからも感じ取ってもらいたい。 商談相手とのスムーズな契約に繋げていきたい。

ターゲット

新規取引先の見込みがある企業の社員

情報設計

事業内容、事例、会社案内等と会社のことがわかる情報をトップページにいれることで、あまり時間のないユーザーが軽く短い時間で目を通しに訪れたとしても、 大枠はわかるような設計にしています。

デザイン

メインビジュアルでは、ビルが沢山建っている風景を使用しラインを複数散りばめることで、世の中の企業成長をITで支え加速させていることを表現しています。

成果と学び

事例のセクションでは、横にはみ出すデザインのSwiperを使用したスライドを取り入れました。 どのようなコードが用いられているのか仕組みを理解するまでかなり苦戦しましたが、Java sqriptの実装や調べ方のコツが少しずつ見えてきて学びが多かったです。

制作範囲

企画、デザイン、コーディング

使用ツール

Illustrator、Photoshop、XD、Visual Studio Code

使用した言語

HTML・CSS・ JavaScript

制作期間

2週間