Web・アプリを中心にフルオーダーメイドで制作するクリエイティブ制作会社です。「編集×表現×技術×ホスピタリティ」を軸に、SEO/AIOやアクセシビリティ、パフォーマンスやCMSまで、裏側の作り込みに強いのが特徴です。
https://studio-spoon.co.jp

Studio Spoon Works（実装編）

Studio Spoon Works（デザインのみ編）

illust - ピクセルアート

中村勇吾さん風、タイピング風、グリッチノイズ風、表現は様々です。

animation - デジタル感のあるテキストアニメーション

タイポグラフィにビジュアルを組み合わせることで、伝わる情報に奥行きが生まれ、含まれる魅力が自然な形で伝わります。

小窓のむこうに小さな世界が広がっているようで、思わず覗いてみたくなります。

design - タイポグラフィ×ビジュアル

matome - 愛すべきキャラクター達

まるで、その世界に迷い込んでしまったような。

design - 没入感のある世界観

ホバーやドラッグなどユーザーの操作に応じて動きや変化を見せるインタラクティブなデザインは、ユーザーに驚きや楽しさを与え、静的なデザインでは得られない没入感のある体験を提供します。

サイトと対話しているかのように、楽しい反応を返してくれます。

design - インタラクティブ

「DOPE」はヒップホップのスラングで「かっこいい」、「イケてる」という意味で使われます。

個人視点で、音楽やアートカルチャーの影響が感じられたり、アンダーグラウンドな香りが漂うイカしたサイトをまとめています。

design - DOPEなサイト

わくわくするサイト

デジタルデザインにおける最先端のイノベーションを評価する賞、FWA (https://thefwa.com/)を、2023年から現在までに受賞した日本産のWebサイトをまとめてみました。

The FWA 受賞サイト

わたしたちの目的は 「心を動かすこと」。
物の本質、人の本質、企業の本質。
すべての本質を捉え、引き出し、デザインする。
glück 鎌倉のクリエイティブエージェンシー（グリュック） Planning + Design + System
https://www.g-u-k.jp/

glück（グリュック）鎌倉のクリエイティブエージェンシー works

CHO-P inc.

Studio Spoon Works（デザイン＆実装編）

はじめまして、景都ブランケットです。
惹かれたデザイン、目に止まったデザイン、お気に入りのデザインをチョイス。
過去のGWD掲載分以外はなるべく、私自身がAWDに登録・ピックしていくスタンスです。
※デザインの流行にはあまり興味がないです。動かないウェブサイトのほうが好みです。

ブランケット チョイス

boko works

複数画像を組み合わせることで、視覚的な情報量を増やし、ストーリー性や多面的な魅力を伝えるのに効果的です。
各画像がリズムを生み出し、ユーザーを惹きつけます。

ドラマのワンシーンが並んだように、それぞれの画像が物語を語りかけます。

design - 複数画像で構成されたKV

ベタ打ちに比べて少しだけ「手が加えられている感」が出るのがGOOD。
ちょっとした違和感でアテンションを高めたい時に。

font - セリフ・サンセリフ混植

遊び心のあるあしらいが、デザインにちょうど良い「抜け感」を生みだし、かっちりとしたサイトにおいても、すこしフレンドリーなニュアンスを加えることができます。

ファッションと同じく、崩し方や加減にセンスが表れます。

style - 抜け感のあるあしらい（絵文字・ステッカーなど）

ページ全体を線で繋ぐように配置したデザイン。左右に揺れ動く線が視線を緩やかに誘導し、視覚的なリズムを生み出します。

一本の線が、ストーリーを紡ぎながらサイトを案内します。

design - 線がサイトをナビゲート

何度も訪れたくなる、見ていて疲れない心地よさをもつサイトを「眺めるサイト」としています。つくり手の覚悟という見えないクリエイションが、サイト全体と調和しているかを個人の視点で選定。ジャンルを問わず、長く愛される「LONG LIFE」なサイトを集めています。

眺めるサイト

KITERETZ Works

Sunny Works

日本デザインセンター オンスクリーン制作室｜アートディレクター/デザイナー
オンスクリーンメディアの固有性をデザインの豊かな余白として捉え、本質を見極め可視化するという基本思想をベースに、ブランド体験を形にします。

ryofujita_works

株式会社アールイーデザインはWeb制作を中心にデジタルデザイン、グラフィックデザイン、
写真撮影や映像制作、Webコンサルティングなどを手掛ける会社です。

こちらはGWDをいただいたもののみ掲載

その他の実績はこちら
https://www.re-d.jp/works/

Re:design Works

MEFILASで今まで携わった実績をまとめています。

✏️デザインたち（sakai｜MEFILAS）

大きな3Dオブジェクトを背景に配置することで、静的なデザインに奥行きと迫力が加わります。見る人の目を引きつけると同時に、先進性や洗練されたイメージを強調します。

空間に浮かぶ3Dが、圧倒的存在感を放ちます。

design - 背景に大きい3Dオブジェクト

2003年創業、東京・大阪・京都に拠点をもつWeb制作会社、エムハンドです。クライアントの挑戦を自らの挑戦と捉え、互いを尊重し、いつくしむ「&」の精神で共存共栄の関係を築いています。成果とデザインを両立させた制作実績から、ピックアップしてまとめています。

M-HAND,Inc.

https://shiftbrain.com/
SHIFTBRAINは、デジタル領域を中心としたコミュニケーションプランニング、デザイン、テクノロジーを得意としたブランディングスタジオです。

SHIFTBRAIN  Works

Mineo's Works

ROBOT Digital

ium works

四角、円形以外の選択肢として。
サイトのテーマに沿った形状のマスクで画像を切り抜くことで、らしさを強めることができます。

design - マスクの形状が個性的

ユーザーの大半がモバイルからサイトを閲覧することが想定される場合に、PC版のデザインは割り切って、モバイル版のデザインをそのまま配置するという手段をとることにより、スピーディーなサイトの実装が実現できます。

PC版で、両脇をどのように処理をするかが腕の見せどころです。

design - モバイルファースト

いざデザインする際、地味に参考探しに時間がかかる年表の表現。
※下層に該当ページがある場合もございます

design - 年表の見せ方

ブランドやサービスが歩んできた道のりを振り返り、感謝を伝える場として効果的です。ユーザーとの関係を再確認し、共に過ごした年月を感じさせ、これからの未来を共に描くことで、より一層のつながりを生み出します。

祝い方もそれぞれ。企業の色が濃く表れます。

design - 周年コンテンツ

Studio.Design, Framer, Webflowなど、ノーコードWeb制作プラットフォームで作成されたサイトをまとめました。

ノーコードツールで作成されたサイトまとめ

アイソメトリックと言われる斜め上から見下ろすような視点でイラストを描くことで、平面のイラストに立体感をもたせ、俯瞰視点で複雑な構造をわかりやすく整理して伝えることができます。

ジオラマを覗き込んだような、細やかで可愛らしい世界が広がっています。

illust - アイソメトリックのイラスト

下記のEVOWORXさんの記事を参考にさせていただきつつ、
無骨で、大胆で、要素がラフに散らばったり重なっているデザインを、ブルータリズムとして集めています。
https://www.evoworx.co.jp/blog/brutalism/


style - ブルータリズム

携わったプロジェクトでGWD(Good Web Designs)に選んでいただいたプロジェクト

https://x.com/daijimachine

Design Sets