*

技術職で誠実さが伝わるサイトにするには

公開日: : 最終更新日:2014/01/16 デザイン系


http://www.syd-tech.jp/

まずトップをぱっと見

職場の気取りのないワンシーンからはじまるメインイメージ。
テーマカラーのfacebookに似た青をアクセント程度に使い、うっすらとグレーで丁寧に背景が整えています。
デザイン処理された写真がバランスよく配置されていて、寂しい印象はまったくありません。
製品紹介などの写真をみるとすぐに精密機器の会社だなぁ、と分かります。

次にテーマカラー

やはり、ベタですが心理的な印象として色は重要です。
こちらのサイトもロゴで使用されているちょっと紫みのはいった青がテーマカラーです。
かたまりとして使われているのはヘッダのみで、後はくどくなくポイントで。
写真が多用されているのでそのバランスもあると思います。

社内の様子をみせる

その写真ですが、自撮りの写真が多く使われて、社内の様子、雰囲気が伝わります。
やはり、会社を知るには社員や職場の様子を見るのが手っ取り早いです。
こちらのサイトでは、「スピードと品質で実現”精選部品”工程」で工場の写真を主に丁寧に説明されています。

また、「モノづくりのフィールドにディレクション力を」でも、取り組み方など会社の方針を伝えることでその考え方が伝わります。
これは、コンテンツありきの考え方で、会社自体が誠実であるか、そうとう腕がよくないとそう見せられませんね。

メインイメージでも、製品に対する姿勢やリラックスした場面があり、大きくとりあげてあります。

細かい所では

細かい所で、業種のイメージとあっていないと、おかしな感じになってしまいます。
精密機器のきちんと動くしっかりした部分を、強いゴシック系のフォントを黒で太く使い、イメージを保っていますね。
ところで、このキャッチコピーをメニューにしてしまうアイデアも面白いです。

全体の構成

トップページで、ほぼすべてのコンテンツを取り上げています。
まず、自分がなんだろう?とクリックしたのは「ディレクション力を」でした。
デザインエレメントも丁寧に作られています。
このコンテンツがグローバルメニューの順序的にも1番に見せたいだろうところで、コンセプトを伝え、技術領域の説明や工程で詳しく読んでもらう感じでしょうか。
工程も、サイドメニューやページングで次のセクションへとジャンプしやすいです。
説明だけをならべるだけだと見た目にも、内容的にも退屈になってしまうので、適度に配置された開発ストーリーのコラムバナーでアクセントになっています。

フッタにも全コンテンツへのメニューがある親切設計です。
写真で目を引く会社情報で住所やTEL番がコピペできるのも便利です。

まとめてみると…

全体的に、行き届いた配慮のなされたサイトは、読みやすさ、使い勝手がよく、ユーザーに好印象を与えます。
その下地の上に、それぞれの業種にあったイメージで、会社の姿勢、様子を”丁寧に”伝えれば、その会社らしさがはっきりと伝わるのではないでしょうか。

この記事が参考になりましたら、嬉しいです。

・個々の会社なら仕事を任せられる度
☆☆☆☆☆

PR

関連記事

イラスト フリー素材 円満退社

検索用のタイトルで始まりましたが、 イラスト素材を公開しますー! 著作権は放棄いたしませんが、商

記事を読む

no image

ユニクロのスーパークールビズ向けサイト

ユニクロの「SUPER COOL BIZ」 節電に向けたユニクロのスーパークールビズ商品のキャン

記事を読む

no image

flashでできてるシングルページ、ギルティクラウン公式サイト

先日紹介したシングルページ(1ページで完結するサイト)ですが、あるアニメ番組のサイトで使われてま

記事を読む

no image

Flashで他とは違う工夫や表現をしているサイト

Flashでの新しい発想やみせ方の参考に集めてみました。 http://www.aeon-la

記事を読む

no image

大人の女性が旅に行きたくなるようなホームページ

http://santo.my-fav.jp/ ・ぱっと見 明朝体のしっかりしたフォントが目立つ

記事を読む

no image

【1週間分おまとめ】WEBサイトのぶくま#33~美しいデザインのレストランサイト、くるくる動くカメラ、ぴょこっとするアクション~

写真も美しく、メニューのところなど密度のバランスが参考になります。 ゆったり、すっきりとした感

記事を読む

no image

【1週間分おまとめ】WEBサイトのブックマーク#32~気になる振り付けのユニクロ、グラフィック作品の縦ページにフラットデザイン~

一つ一つのグラフィックに面白みが。海外のセンスですね。 ユニクロ。綺麗な写真だな~。と思ってた

記事を読む

no image

音楽とぴったりあったwebdesign

[/caption] auのリスモくんが曲に合わせて軽快に駆け抜けるキャンペーンサイト。 and

記事を読む

no image

なんか楽しい人物イラスト、カシスカラーの街、黄金町のアートサロンちっくなお店~WEBサイトのぶくま#49~

この人のイラスト好きなんです!なんて名前なんだろう。 カシスカラーの街のイラストがいい!

記事を読む

no image

広告・ウェブ系の楽しさと会社サイトのかっちりさとのバランスの参考に

http://www.hakuhodody-inter.co.jp/ ・ぱっと見 ナチュラルな配

記事を読む

PR

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


PR

no image
ムームードメイン

新たにドメインを取得することにしました。 コスト重視でサーバーは

ルーベンス デッサン模写

アトリエでの課題制作

色彩検定の復習しながらイラスツ

お久しぶりの更新です。 せっかく色彩検定を取ったので、 錆

イラスト フリー素材 円満退社

検索用のタイトルで始まりましたが、 イラスト素材を公開しますー!

更新情報で記事のカテゴリータグを色別で表示【WORDPRESS】

ワードプレスの記事です。 ビギナー向けですが、ネットにちらばって

→もっと見る

PAGE TOP ↑