カワサキタカフミ

トゥモローゲート株式会社意匠制作部/クリエイティブデザイナー/フォント中毒者/WEBと…

カワサキタカフミ

トゥモローゲート株式会社意匠制作部/クリエイティブデザイナー/フォント中毒者/WEBとグラフィックと、時々おとん/英語は日常会話程度、日本語とhtmlとcssはネイティブレベル/ノン美大卒...むしろ一般四大卒デザイナー/ 「いけてるWEBサイトをプロ目線で分析していきますよ。」

記事一覧

【WEBデザイン研究所017】株式会社データグリッド

■サイトURL ■概要 今回はデータ、AIといった無形商材をデザインでうまくビジュアル化してその世界観が構築されている株式会社データグリッドさんのWEBサイトです。 ■…

【WEBデザイン研究所016】ACTION! | 東映 リクルートサイト

■サイトURL ■MEMO 「ACTION!」 このサイトが投下された日、WEB業界に小さくないどよめきが走った。 視覚領域を制限するだとか、平体をかけるだとか、デザインのタブー…

【WEBデザイン研究所015】フェリシモ|2022-2023年度採用サイト

■サイトURL ■MEMO 「Digろう、フェリシモ」 フェリシモは主にファッションや生活雑貨商品を取り扱うダイレクトマーケティングの会社です。 制作会社さんは京都のWEB制…

【WEBデザイン研究所014】Chocolate Custard Apple Pie | チョコカスタード アップルパイ

■サイトURL ■MEMO 株式会社BAKEのブランドRINGOのバレンタイン期間限定サイトです。 この特設ページ自体は5ページのスライド形式のLPになっています。 おまけでRINGO本…

【WEBデザイン研究所013】国産産業用ドローンのACSL | 株式会社ACSL

■サイトURL ■MEMO 郵送物流・インフラ点検・防災災害対応・エマージングユースケースなど、産業用として活躍するドローンを開発し社会への実装を行ってる株式会社ACSL…

【WEBデザイン研究所012】みんなの夢が地球をまわす | 三菱ケミカル株式会社 採用サイト

■サイトURL ■MEMO 今回は三菱ケミカル株式会社の新卒採用サイトです。今回もまたまたおなじみスタジオディテイルズさんのお仕事でございます。 少し前のリリースになり…

【WEBデザイン研究所011】Artemis - Argyle Alora Collection

■サイトURL ■MEMO 今回ご紹介するのは宝石を扱う海外サイトです。 宝石のもつ神秘性とその価値に対して、とにかくひとつひとつのこだわりぬかれたギミックや音で世界観…

【WEBデザイン研究所010】SHIFTBRAIN inc.

■サイトURL https://shiftbrain.com/ ■MEMO 記念すべき10回目(まだ10回目…)は言わずと知れたWEB制作会社シフトブレインさん。 デジタル領域を中心としたコミュニケ…

【WEBデザイン研究所009】立命館先進研究アカデミー | RARA

■サイトURL ■MEMO 7/17にFWA OF THE DAY受賞サイトのご紹介。 立命館大学の先導的・先進的研究拠点の形成に向けてリーダーシップを発揮することが期待される中核研究者…

【WEBデザイン研究所008】株式会社ニュービレッジ

■サイトURL ■MEMO 本日は数々のWEBデザイン参考サイトで紹介された言わずと知れた、大阪西成区の介護施設ニュービレッジさんのサイトを見てみます。 「私たちは介護サ…

【WEBデザイン研究所007】株式会社ヒロホールディングス

■サイトURL ■MEMO ソフトバンク、ワイモバイル等のキャリアショップ運営から、5G時代に向けた映像技術サービスやテレワーク機器の開発、販売行う「ZETA」ブランド。オ…

【WEBデザイン研究所006】バターサンド専門店 PRESS BUTTER SAND

■サイトURL ■MEMO 贈る。贈られる。贈り合う。そんなしあわせの瞬間は、いくらあってもいい。PRESS BUTTER SANDが目指すのは、365日のギフトブランド。 デザインとフロ…

【WEBデザイン研究所005】ISURU(日本製ベビーブランド)

■サイトURL ■MEMO 「選ぶことは、愛すること。」 愛する我が子だからこそ、心から愛するものを選んであげてほしい。そんな想いを込めたベビーブランド「ISURU(イスル…

【WEBデザイン研究所004】株式会社藤興機 採用サイト

■サイトURL ■MEMO プラスチック加工の技術者集団「株式会社藤興機」の採用情報サイト。 株式会社藤興機は、半導体製造装置、医療・理化学機器、自動車製造ライン・食品…

【WEBデザイン研究所003】マイクロコート株式会社採用サイト

■サイトURL ■MEMO システム開発、営業支援ツールの提供、技術者育成などを行うITベンチャー企業の採用サイト。 「ガリ勉で何が悪い?」というインパクトあるコンセプト…

【WEBデザイン研究所002】コレオ株式会社

■サイトURL ■MEMO 名古屋のデザイン制作会社さんのCPサイト。※実績は別ドメインで管理 WEBデザイン研究の観点で選んだわけではなく、単純にクリエイティブの方向性が…

【WEBデザイン研究所017】株式会社データグリッド

【WEBデザイン研究所017】株式会社データグリッド

■サイトURL

■概要

今回はデータ、AIといった無形商材をデザインでうまくビジュアル化してその世界観が構築されている株式会社データグリッドさんのWEBサイトです。

■フォント

和文:Noto Sans JP
欧文:Inter

「Inter」はFigmaのデザイナーが片手間(怒られる?笑)で作ったUI最適化フォント。
見出し用のRobotoを、より本文での読み心地を追求するために作られた

もっとみる
【WEBデザイン研究所016】ACTION! | 東映 リクルートサイト

【WEBデザイン研究所016】ACTION! | 東映 リクルートサイト

■サイトURL

■MEMO

「ACTION!」
このサイトが投下された日、WEB業界に小さくないどよめきが走った。
視覚領域を制限するだとか、平体をかけるだとか、デザインのタブーをおかしつつ絶対的なアイデンティティを確立した「こんなの初めて〜!」なサイトなのです。
色んな表現が出尽くした今、新しい表現は新しい技術でしか生み出せないのか?って疑問に一石を投じるサイト。
しかし、ただ奇をてらったア

もっとみる
【WEBデザイン研究所015】フェリシモ|2022-2023年度採用サイト

【WEBデザイン研究所015】フェリシモ|2022-2023年度採用サイト

■サイトURL

■MEMO

「Digろう、フェリシモ」
フェリシモは主にファッションや生活雑貨商品を取り扱うダイレクトマーケティングの会社です。
制作会社さんは京都のWEB制作会社MEFILASさんです。

「Digる」ってそもそも市民権を得ているのか疑問だったのですが。(後で紹介するのですが、そもそもコンセプト設計自体はクライアント主導ですでに確定されていたみたいですね。)
そもそもはDJが

もっとみる
【WEBデザイン研究所014】Chocolate Custard Apple Pie | チョコカスタード アップルパイ

【WEBデザイン研究所014】Chocolate Custard Apple Pie | チョコカスタード アップルパイ

■サイトURL

■MEMO

株式会社BAKEのブランドRINGOのバレンタイン期間限定サイトです。
この特設ページ自体は5ページのスライド形式のLPになっています。
おまけでRINGO本体のページも見ていきたいと思います。

■フォント

特設ページ
デバイスフォント("游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN"〜)

RINGO

もっとみる
【WEBデザイン研究所013】国産産業用ドローンのACSL | 株式会社ACSL

【WEBデザイン研究所013】国産産業用ドローンのACSL | 株式会社ACSL

■サイトURL

■MEMO

郵送物流・インフラ点検・防災災害対応・エマージングユースケースなど、産業用として活躍するドローンを開発し社会への実装を行ってる株式会社ACSLのWEBサイトです。

■フォント

和文:デバイスフォント→YuGothic, 游ゴシック, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo

欧文:Rajdhani(htt

もっとみる
【WEBデザイン研究所012】みんなの夢が地球をまわす | 三菱ケミカル株式会社 採用サイト

【WEBデザイン研究所012】みんなの夢が地球をまわす | 三菱ケミカル株式会社 採用サイト

■サイトURL

■MEMO

今回は三菱ケミカル株式会社の新卒採用サイトです。今回もまたまたおなじみスタジオディテイルズさんのお仕事でございます。
少し前のリリースになりますが最近SDさんの外部セミナーを受けさせてもらったので改めてピックアップさせてもらいました。
国内でめちゃくちゃ話題になったサイトですね。
MVの奥行きのあるスライド演出に注目されがちですが、下層ページの作り込みもすばらしくて

もっとみる
【WEBデザイン研究所011】Artemis - Argyle Alora Collection

【WEBデザイン研究所011】Artemis - Argyle Alora Collection

■サイトURL

■MEMO

今回ご紹介するのは宝石を扱う海外サイトです。
宝石のもつ神秘性とその価値に対して、とにかくひとつひとつのこだわりぬかれたギミックや音で世界観の構築がなされていてWebGLゴリゴリ系のすごいサイトです。

■フォント

欧文:Rische(https://www.myfonts.com/collections/rische-font-flavortype)

■デザイ

もっとみる
【WEBデザイン研究所010】SHIFTBRAIN inc.

【WEBデザイン研究所010】SHIFTBRAIN inc.

■サイトURL

https://shiftbrain.com/

■MEMO

記念すべき10回目(まだ10回目…)は言わずと知れたWEB制作会社シフトブレインさん。
デジタル領域を中心としたコミュニケーションプランニング、デザイン、テクノロジーを得意としたブランディングスタジオ。
ひとつひとつの実績は話題になったものばかりがずらりとならんでいます。
WEBだけでなくブランディングのためのデザイ

もっとみる
【WEBデザイン研究所009】立命館先進研究アカデミー | RARA

【WEBデザイン研究所009】立命館先進研究アカデミー | RARA

■サイトURL

■MEMO

7/17にFWA OF THE DAY受賞サイトのご紹介。
立命館大学の先導的・先進的研究拠点の形成に向けてリーダーシップを発揮することが期待される中核研究者の集まりの紹介サイト。
おなじみスタジオディテイルズさん制作でした。

■フォント

欧文:Open Sans(https://fonts.adobe.com/fonts/open-sans
和文:Shipp

もっとみる
【WEBデザイン研究所008】株式会社ニュービレッジ

【WEBデザイン研究所008】株式会社ニュービレッジ

■サイトURL

■MEMO

本日は数々のWEBデザイン参考サイトで紹介された言わずと知れた、大阪西成区の介護施設ニュービレッジさんのサイトを見てみます。
「私たちは介護サービスを提供する会社ではない。関わるすべての人を「ええ顔」にする会社です。」ってことで、キャッチコピーの「ええ顔、してまっか?」が、その会社の際立った個性を物語っている。

■フォント

欧文・和文: axis_medium(

もっとみる
【WEBデザイン研究所007】株式会社ヒロホールディングス

【WEBデザイン研究所007】株式会社ヒロホールディングス

■サイトURL

■MEMO

ソフトバンク、ワイモバイル等のキャリアショップ運営から、5G時代に向けた映像技術サービスやテレワーク機器の開発、販売行う「ZETA」ブランド。オリジナルモバイルアクセサリーブランドRebonally(リボナリー)などを展開している企業。

■フォント

欧文: Din Demi
和文:游ゴシック,YuGothic,Hiragino Kaku Gothic ProN,

もっとみる
【WEBデザイン研究所006】バターサンド専門店 PRESS BUTTER SAND

【WEBデザイン研究所006】バターサンド専門店 PRESS BUTTER SAND

■サイトURL

■MEMO

贈る。贈られる。贈り合う。そんなしあわせの瞬間は、いくらあってもいい。PRESS BUTTER SANDが目指すのは、365日のギフトブランド。
デザインとフロントエンドの圧倒的な表現力で商品とブランドアイデンティティを魅力的に紹介している。
前回に引き続きスタジオディテイルズさん制作でFWA of the dayも受賞のキメキメサイトだ。
https://thef

もっとみる
【WEBデザイン研究所005】ISURU(日本製ベビーブランド)

【WEBデザイン研究所005】ISURU(日本製ベビーブランド)

■サイトURL

■MEMO

「選ぶことは、愛すること。」
愛する我が子だからこそ、心から愛するものを選んであげてほしい。そんな想いを込めたベビーブランド「ISURU(イスル)」。
子どもにも大人にも寄り添っていきたいという思いを抱き、日常の風景に溶け込み、親から子へ長く受け継がれるベビー用品を展開しています。
制作はスタジオディテイルズさん。

■フォント

欧文: azo-sans-web(

もっとみる
【WEBデザイン研究所004】株式会社藤興機 採用サイト

【WEBデザイン研究所004】株式会社藤興機 採用サイト

■サイトURL

■MEMO

プラスチック加工の技術者集団「株式会社藤興機」の採用情報サイト。
株式会社藤興機は、半導体製造装置、医療・理化学機器、自動車製造ライン・食品ライン・アミューズメント筐体など、業界問わずお客様のプラスチックに対する悩みを解決する「工業用プラスチックの技術者集団」です。
切削加工と組立(接着・溶接)技術を駆使し、年間約20万個の製品を製作しています。

■フォント

もっとみる
【WEBデザイン研究所003】マイクロコート株式会社採用サイト

【WEBデザイン研究所003】マイクロコート株式会社採用サイト

■サイトURL

■MEMO

システム開発、営業支援ツールの提供、技術者育成などを行うITベンチャー企業の採用サイト。
「ガリ勉で何が悪い?」というインパクトあるコンセプトに、サイトのトンマナは余白感たっぷりかつ少し緑がかった補正をかけたノスタルジーな画像を大胆に配置している。文学的な静けさを漂わせながらも、攻め気なレイアウトがそのコンセプトを象徴しているようにも感じる。

■フォント

欧文、

もっとみる
【WEBデザイン研究所002】コレオ株式会社

【WEBデザイン研究所002】コレオ株式会社

■サイトURL

■MEMO

名古屋のデザイン制作会社さんのCPサイト。※実績は別ドメインで管理
WEBデザイン研究の観点で選んだわけではなく、単純にクリエイティブの方向性が似てるなと感じたので紹介も兼ねて、今回はチョイスさせていただきました。
飛ばした実績が多く、本サイトもそのアウトプットに準じて企業の特色をまんま表現したようなハイテンションなデザインになっている。自分たちのスタンスをそのまま

もっとみる