News

お知らせ

2022年8月24日 投稿:stak編集部

コーポレートサイトのリニューアルデザイン

こんにちは!

デザイナーの辰見です!

駆け出しのひよっこデザイナーの私ですが、stakに入社して一番最初にいただいた仕事が、コーポレートサイトのリニューアルでした。

今回はその時のことを書いていこうと思います。

コーポレートサイトリニューアルの依頼

自分で模擬サイトを作ったことはありますが、ちゃんとしたものを作ったことがない私にできるのかな、と不安でしたが、代表の植田さんに、「会社のやつだから、多少失敗があってもいい。全部丸投げなんかしないからみんなで作っていこう。」と言っていただいて少し安心したのを覚えています。
この経験が絶対自分のためになる!と嬉しかった気持ちもありました。

入社していきなり大きな仕事を任されるのはスタートアップならではなのかなと思います。

最初に

まずは情報収集です。
コーポレートサイトに必要なものを調べてみると、基本的にはこちらの要素が必要だということ

<必要項目>
1.会社概要
2.サービス、商品の紹介
3.採用情報
4.お知らせ
5.お問い合わせ
6.プライバシーポリシー

会社概要やサービスなどを作るにあたって、当初は会社の詳しいことはよく分からなかったので、一緒についてくれていたエンジニアの遼さんに質問しまくりでした。

私はstak(商品)のことを理解するのにすごく時間がかかったと思います。

IoTって何?モジュール?ゲートウェイ??日本語にして!と思っていました。(今はだいぶ分かるようになりましたが笑)

なので、そういう人の気持ちがわかる分、コーポレートサイトは誰が見てもわかるように、できるだけ噛み砕いて説明する必要があるなと考えていました。

ゴールと制作過程

遼さんが私のコーポレートサイトリニューアルに向けた目標と、具体的な動きを教えてくれました。

■新サイトのゴール
閲覧者がアドカリやstak製品の概要が理解できること

 

■制作過程
1.コンセプトデザインを探す
2.簡易デザインの作成
3.サイトマップ制作
4.全ページのデザイン
5.コーディング 

 

1.コンセプトデザインを探す

最初私が考えたコンセプトデザインは、スクエアやメルカリで考えていました。

「シンプルなものがいいと考えています」と遼さんにいうと

「シンプルなデザインはおしゃれにするのは難しいよ」と言われましたが、私は今はできなくても、いつかそんなのが簡単に作れるくらいスキルアップしてやろうと思いました。

私の中で、デザインする時に重視していることは、”シンプルで分かりやすいこと”です。

おしゃれなサイトはアニメーションがすごく使用されていたり、動きの多いものや、飾りをたくさん使用しているものもありますが、そういうものは自分が見たい情報に辿り着くのに時間がかかる(いっぱいスクロールしないと出てこない)ことや、ごちゃごちゃしていて見にくいなという印象があります。
(もちろん、おしゃれで凝ってるな〜こういうターゲットに合わせたサイトなんだな〜!とは思いますが。)

 

2.簡易デザインの作成

それを考えすぎたあまり、シンプルすぎるデザインを遼さんに提出した時、「これはシンプルすぎる」と言われてしましました。(今思えば本当にシンプルすぎるものでした^^;)

どうしようと思って、とりあえずいろんなサイトを見てみました。
そして、これいいな、あれいいなと、サイトの良いデザインをたくさん盗みました。

2度目に提出したものを見せて「すごく良くなった、今後が楽しみだわ」と言ってもらえた時はすごく嬉しかったです!!

 

3.サイトマップ制作

サイトマップは必要なページがどこと繋がっているのか、わかるように書いていきました!(こんな感じです!)

 

4.全ページのデザイン

一度デザインができてしまえば他のページも同じようにデザインできるのでそんなに苦労はしなかったのですが、このページも、あのページも、と後から増えていったので、とても大変でした。

 

5.コーディング

コーディングは現在進行中です。

エンジニアの方々と連携しながら進めており、自分の作ったデザインが形になる、とても大切な工程を行ってくれております。(ありがとうございます!)

 

最後に

毎日1日があっという間に終わるくらい、デザインしているときは楽しいです。
大変なこともあるけど、仕事って楽しいな、転職してよかったなと思います。

コーポレートサイトサイト制作で学んだことは、「いろんなサイトを見て良いデザインを真似ること」でした。

特に私は経験が浅いので、1つデザインを考えるのにも時間がかかってしまいます。もっともっといろんなデザインに触れて作ってみることで自分のデザインの幅が広がっていくんだなと思いました。

今のサイトからの切り替えは9月中にする予定です!
私が初めて作るサイトデザインが皆様にどんなふうに映るのか、楽しみです。

stakの最新情報を受け取ろう

stakはブログやSNSを通じて、製品やイベント情報など随時配信しています。
メールアドレスだけで簡単に登録できます。