スタジオまめの木 デザイン準備室

Studio Mamenoki – Design Preparatory Office

*

株式会社NSI様の会社案内【制作実績】

   

nsi_top

株式会社NSI様は大阪と東京に拠点を置き、主に情報システムの設計・開発を行っている企業です。NSI様の強みは、お客様ごとに異なるニーズをしっかりと把握する「分析」から「開発」、そして安心してご利用していただける「保守」までトータルでサポートできる総合力にあります。また、ハードウェアやソフトウェアの販売も行うなど幅広く展開されています。今回は、そんなNSI様の入社案内をディレクション:株式会社アセンダ、デザイン:スタジオまめの木の体制で制作させていただきました。

 

デザインへのご要望

  • システム会社ですが、シャープなイメージより、親しみやすさをイメージさせたい。
  • 現行のwebサイトのイメージのような明るい感じにしたい。

デザインコンセプト

あらゆる場面で必要とされ利用されてきた情報システムの持つ新たな可能性や期待感を表したタイトル「つながる。その向こうに。」をデザインのコンセプトとしました。「その向こう」へとつながるような奥行きと広がりが感じられる紙面構成を目指しました。

表紙

nsi01

地球をモチーフにしたビジュアルを使用して、情報システムがあらゆる場面で必要とされていることを視覚的にアピールします。
また雲を描きこみ、奥行き感を与えることでタイトルの「その向こう」を意識させるデザインにしました。

導入ページ

nsi0203

企業理念と社長様のご挨拶と事業概要の3つの内容が順序だてて理解できるように位置関係を調整しデザインしました。
また、半透明のシートの上に文字を配置しているように見えるレイヤー的な構造を持たせ、企業理念が一番奥にあり事業概要が一番手前に見えるようにしました。そうすることで、企業理念が全ての事業のベースになっていることを意識させます。

事業内容の紹介ページ

nsi0405

街のシルエットをメインのビジュアルに採用し、システム開発という仕事があらゆる場面で役立っていることを視覚的に表現しました。
更に導入ページから背景の街並みを連続させることで、システム開発が広い範囲で必要とされているという事を連想させます。
色合いは彩度をを少し抑え明度を少し上げた柔らかい色使いを心がけ、余白を多めにとる事で「親しみやすさ」を演出しました。

先輩社員の紹介ページ

nsi0607

若手社員の方々が参加した座談会の内容を掲載し、社内の雰囲気や仕事のやりがいなどを訴求します。座談会の全景を紙面全体を使用して背景にする事で、明るい雰囲気が視覚的に伝わるようにしました。また、右下端には社内旅行などの楽しげな写真を紙面からはみ出すように配置する事で、紙面の外にも写真があるように感じさせ、記事の内容に広がりを持たせます。

裏表紙

nsi08

表紙と裏表紙が1枚の空の写真として繋がっているデザイン。地図とアドレスのスペースは背景を半透明のシートを配置したようなイメージに仕上げ、空の奥行き感をと文字の可読性を維持しました。

ブランド力を高める名刺

nsi_meishi

今回は会社案内に加えて名刺のデザインもさせていただきました。会社案内で使用した街並みのシルエットを名刺の上部に配置してデザインに統一感を出し、会社の印象を強く残す事を狙いました。

株式会社NSI様のwebサイト

企業サイト
フェイスブックページ

 - スタジオまめの木, デザイン, 実績

Message

メールアドレスが公開されることはありません。

WP-SpamFree by Pole Position Marketing

  関連記事

遊び心のあるデザイングッズ9選

仕事場のデスク周りはどうしても機能性を重視した無機質なものになりがちですが、ちょ …

お客様事例のご紹介“美容室AGEN”様

美容室AGEN様の新規開店販促ツール一式 健康で美しい髪をつくる『トリートメント …

Adobeモバイルアプリ“Adobe Shape”は仕事で使えるのか?

デザインの仕事で使用しているAdobeCS5を思い切ってCC(クリエイティブ・ク …

著作権フリーの無料素材配布サイトまとめ

『いつもお世話になっている素材屋さん』 予算が無いけれど画像は必要。 しかも、写 …

シネマグラフの作り方

約3年ほど前の記事で一度取り上げた『シネマグラフ』ですが、今度は画像に文字や色味 …

岡本甲状腺クリニック様【制作実績】

岡本甲状腺クリニック様は、日本甲状腺学会認定専門医施設に認定されている大阪市旭区 …

アイロンプリントでワンコTシャツを自作してみた

スタジオまめの木の看板犬ミント&パセリは、ジャックラッセルという非常に抜け毛が激 …

1枚の写真をweb上で簡単に3Dにできる“Smoothie-3D”の使い方

手持ちの写真を3D(立体)に変換できるWebサイトが面白かったので基本的な使い方 …

Cinemagraph(シネマグラフ)

題名『シャッターチャンス』 最近、気になっていたのが写真の一部だけが動く『シネマ …

開業のお祝いをいただきました

5月4日の開業から会社案内とブログの作成、webサイトの手直しなど次々とお仕事を …