きのこさんのサイト100選

いいサイトを作りたいから、いいサイトからたくさん学ぶ!

種別:案内

【28 江戸川重工】浮世絵がどーん!このサイト、超好き。

www.edogawa-juukou.com このサイトデザイン、たまらなく好きだ! むつかしいレイアウトで作られたインパクトではない。 backgroundがfixedにして、スライドしてる構成。 わりと、よくある作り。 では何がインパクトあるかって、 それはもう背景の浮世絵! …

【27 リブセンス】手紙のようなトップページ

人材系のサイトって、印象がいちばんというか。 事業が、手に取れるモノではないから、 イメージ写真がほとんどを占めるようなサイトが多い。 そんなサイトが多い中で、ここは「文字」。 メッセージを前面に押し出す、手紙のようなトップページ。 ファースト…

【26 星のや】ドキッとするほどの特別感

hoshinoya.com ロード中のお月さまからもう、ドキッ。 特別感が満ち溢れてる。 大きな写真。ゆったりとしたスペース。中央寄せ。 シャドウを入れなくてもこれだけ白文字が目立つってことは けっこう写真の明るさを落としているんだな。 隙間なく写真を敷き詰…

【23 阿蘇くまもと空港】すっきりしていて、使いやすい!背景色の視点なかった!

www.kmj-ab.co.jp 雲がもくもく。曲線づかいがおしゃれ。 空港=空のイメージにぴったり。 キャラクターも使っていながらガチャガチャしていないところがいい。 注目すべきは、このアクセシビリティの高さ! 多言語はもちろん、よくある文字サイズの変更に加…

【21 小玉醸造株式会社】とんがってる!ポジションレイアウト

とんがってる~~~!おもしろいデザイン。折り紙をぺたぺたはりつけてるみたい。 画像を引っ張ってみると水平な正方形がこんにちは。 CSSをみるとがっつりポジションで組んでる。 斜めに配置するのか、なるほど〜。 影はつけていないけど、のっぺりとなって…

【20 日本化学工業株式会社】このサイトに来る人は何を目的に来るのか?

www.nippon-chem.co.jp 緑 × 空の背景。親しみやすい感じ。左にメニューが固定されていて、情報へたどり着いた後も迷子にならない工夫がされている。 トップページに検索があるのは、この会社のこまかな情報を検索をしに来る人が多いからだろう。 このサイト…

【19 キリン#カンパイ展】青文字系っぽいポップなサイト

おー、女性ウケよさそう!! 線画っぽい、サブカルっぽいこの系統のイラスト、 なんていうんだろう? いわゆる青文字系雑誌っぽい感じ。(青文字系雑誌って死語…?) 直線的ではない視線誘導がおもしろい。 がたごとの並び。 ピンク系の写真にピンクの文字 …

【16 東邦チタニウム株式会社】なんかすごいことしてそう!

B to Bの企業はサイトってわかりにくいイメージがあったけれど、 ここは直感的にわかる!「なんかすごいことしてそう!」。はじめてみたのは、ナビゲーションの項目ひとつひとつに画像が設定されていること。 ホバーすると文字の色が変わって、画像も薄暗く…

【15 三井住友建設】橋っぽさ、でてる!

信用の濃紺。 建設会社の企業カラーは圧倒的に青が多い。 ヒーローイメージがムービーなのも目をひくけど、 私がおっとなったのは、ヒーローイメージの右上の欠け方、 それから、四角の組み合わせのデザイン。 「もの」「ひと」「はしも、まちも、ひとも。」…

【12 江戸東京博物館】縦書きナビゲーションで、和!

www.edo-tokyo-museum.or.jp 縦書きナビゲーション!和! 「注目の展覧会」「お知らせ」…見出しも縦書き。 ソースをみてみると、imgで入れている様子。 CSSではむつかしいよね… 白の背景でも、うっすらと和柄が入っているところも。 うっすら、というのがお…