8bitオフィシャルサイトリニューアル【企画・構成編】

  • このエントリーをはてなブックマークに追加



4/16に当社オフィシャルサイトをリニューアルしたので、今回のリニューアルのコンセプトやらこだわりのポイントを企画・構成の面で少しご紹介。

4/22の都内事務所移転に合わせてホームページも新規一転ということで、今回リニューアルをしましたが、コンセプトは以下のような感じです。

昨年のリニューアルはインパクト重視で制作しましたが、「自社のホームページについて思っていたこと」や「オフィシャルサイトとしての機能性で煩わしく思っていた部分」を今回は一新してオフィシャルサイトとしての機能性や位置づけを明確にした構成にしました。

■旧サイトの問題点(・・というか後から直したいと思っていたこと)

  1. 受託制作の実績を目立たせたい。
  2. 受託制作部隊の情報は自社サービスとは別に発信していきたい。
  3. 会社の動きが伝わりにくい。(受託と自社の動きを見せたい)
  4. 黒の背景がいまいち。(作った当初はFLASHの部分を目立たせたくて黒にしていた。)
  5. 8bitの会社としてのカラー(特徴やコンセプト)をもっと出したい。

■新サイトでやりたいこと

  1. 会社の動き(サービスリリースや制作実績など)を配信できる情報配信サイトにしたい。
  2. 会社のカラーとコンセプトを伝えるサイトに。
  3. 既存のTwitterのシクミはそのまま活かしたい。

会社の特徴を表したい!

また、今回は会社のコンセプトやカラーを出したいので、それを表すキャッチも考えました。

昨年まで当社でやってきたのはWebAPIを利用したWebサービスの企画と開発。

コンシューマ向けサービスを作ろうとした場合、情報リソースがない当社としては外部APIに頼らざるを得ない半面、うまいこと利用すれば便利なサービスがいくらでも作れるという可能性を知ることができました。

そこでWeb上にあふれている情報やシクミをうまいこと利用することを「カラクリ」と考え、「Webでカラクリを作る会社」と名乗ることにしました。

それに伴い、キャッチコピーも考えました。

「便利で面白いカラクリを作る会社」

便利」と「面白い」については立ち上げからのコンセプトなのでそのまま、どこの会社も名乗っていないようなキャッチが良いと思い「カラクリ」という言葉を選択しました。

ここまで固まれば後は構成を考えるだけ。

できるだけ会社の動きを出したく、ニュースサイトのように情報てんこ盛りにしたいと思い、いくつかのセクターに分けて今までの情報を整理した結果以下のような構成になりました。

ツꀀ

以降、構成とコンセプトを伝えたので、あとはデザイン編に続きます。

執筆者:高本

株式会社8bit 取締役の高本です。 社内のWebサービス企画、プログラミングや、売上・請求管理にいたるまで幅広く担当しております。

関連記事

マークアップ

背景に画像や動画を置いてパララックス効果で見せる

サイトを作っているとスクロールした時に背景画像などを固定させておきたい、パララックス効果を使いたいという時があると思います。 簡単なものであれば簡単なcssで実現できます。 目次1 背景画像をパララックス効果で見せる1.1 DEMO1.2 HTML1.3 CSS 背景画像をパララックス効果で見せる DEMO See the Pen Untitled by kkdd (@kk8kk) on CodePen. なんとなくよく見る感じの表示になっていると思います。 HTMLとcss […]

スマホアプリ

Android Studioでベクター画像を登録しよう

Androidアプリを作成しているとアプリ内のアイコン画像を追加したい、ということありますよね。 そんな時は画像の解像度を気にせず使用できる、ベクター画像を使用すると便利です。 Android Studioでは、ちょっとした手順を踏めばベクター画像をdrawableリソースの中にxmlファイルとして生成してしてくれます。 簡単なので、早速進めてみましょう。 目次1 Android Studioを開こう2 ベクター画像の登録画面を開こう3 クリップ・アートで登録してみよう4 ロ […]

マークアップ

属性セレクターを使ってファイルごとにアイコンをつけよう!

例えばpdfのアイコンをつけたいときに『pdfIcon』をというclassをつけて表示させる、という方法があります。 ただ動的に表現したい場合などにちょっと不便だなと思うこともあるかと思います。 そんな時は属性セレクターを使ってファイルごとにアイコンをつけることができます。 早速属性セレクターを使ってみよう 属性セレクターはを使えば指定された値が存在していたら指定されたcssを適用する、という感じの動作をしてくれます。 書き方としては「属性$=”値”」 […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。