Studioで作成されたデザイン性の高いサイト最新事例|2026年4月版
Studio
2026.04.30
Updated:2026.04.30
3月にStudio ShowcaseおよびStudio Expertsに掲載されたWebサイトの中から、編集部視点で厳選した5つのサイトをご紹介します。

Studio
2026.04.30
Updated:2026.04.30
3月にStudio ShowcaseおよびStudio Expertsに掲載されたWebサイトの中から、編集部視点で厳選した5つのサイトをご紹介します。

「Editor’s Pick」では、Studio ShowcaseおよびStudio Expertsに掲載されたWebサイトの中から、編集部が厳選した事例をご紹介しています。
この記事では、4月に公開・登録されたサイトの中から、デザイン性や表現力に優れた5つの事例をピックアップしました。
「マナーを守る」という義務感ではなく、「楽しむ」という視点から犬との暮らしを広げる提案サイト。
親しみやすいビジュアルと丁寧な体験設計が印象的で、コンセプトとデザインが心地よく結びついています。卒業制作として制作されたとは思えない完成度で、サイトを訪れるだけで「犬との暮らし」への解像度がひとつ上がるような感覚があります。
ルールを押しつけるのではなく、楽しさを入り口に行動変容を促す。その意図がデザインのすみずみまで行き届いた、丁寧な一作です。
WebサイトURL:https://inu-to-tanoshi-manner.studio.site/
ShowcaseURL:https://showcase.studio.design/ja/website/inu-to-tanoshi-manner(卒業制作)
Editor's Picks 📍 Apr. 2026
— Studio | Web制作を、ノーコードで。 (@StudioDesign) April 23, 2026
犬と、たのしマナー
→ https://t.co/xclVoAFe4t
「マナーを守る」から「楽しむ」へ。犬との暮らしをひろげる、新しい視点を提案する「犬と、たのしマナー」サイト。
卒業制作としてつくられたとは思えない完成度で、 親しみやすいビジュアルと体験設計が印象的です。… pic.twitter.com/aZTsUUHfZB
ローラーシューズを履いた謎のキャラクター「Mr.ウエスマン」がメインビジュアルを堂々と占領する、ウエスブランドサイト。
未確認生物(UMA)をモチーフにした無表情でシュールな存在感が思わず目を引き、ハンバーガーメニュー風のUI、チャットアプリ風のスクロール演出など、遊び心あるギミックが随所に仕掛けられています。
資源リサイクル業×斬新さという大胆な振り幅で、難しく捉えられがちな環境テーマに「抵抗感なく触れてほしい」という想いをポップに昇華。業界の常識を一歩超えていく覚悟と、キャラクターのシュールな佇まいが絶妙にリンクした、唯一無二のデザインです。
Webサイト URL:https://mr-wesman.com/
Experts:飛企画(株)
【WORKS】Mr.ウエスマン|エイジトレーディング株式会社様 サイトOPEN🎉
— とびぼー|飛企画(株) (@tobi_kikaku) January 6, 2026
ニュータイプな活動を後押しする
スピンオフ・ブランド設計
広島県で6拠点をかまえる資源リサイクル会社様。回収資源を活用した新規ウエス事業のご相談を受け、認知拡大へ向けたブランド設計をさせていただきました。 pic.twitter.com/n9k7ltYCxQ
長崎市に店舗を構える海鮮居酒屋「魚たつ」のWebサイト。
食欲をそそるお魚料理の写真が目を惹く中、和紙のような質感のビジュアルの上で手描きのイラストが軽やかに動き、やさしく親しみやすい空気感を演出しています。
技術的な派手さではなく、素材感と動きの組み合わせで「お店の温度」を伝えるアプローチが印象的。ローカルな居酒屋ならではの温かみまで感じられるWebサイトです。
WebサイトURL:https://www.uotatsu-nagasaki.net/
ShowcaseURL:https://showcase.studio.design/ja/website/uotatsu-nagasaki
離職防止と人材強化を同時に実現する教育DXサービス「KAGAMI」のサービスサイト。
"鏡に映して振り返る"というコンセプトを、サイトのビジュアル全体で体現しています。ガラスのように透き通った3DCGやイラストが奥行きをもって重なり合い、細部のインタラクションまで丁寧に作り込まれています。
「1人で100人をフォロー」という力強いメッセージも、デザインとコピーが一体となって真っ直ぐ伝わってくる構成に。情報設計からデザイン、Studio実装まで一気通貫で制作された、完成度の高いWebサイトです。
Studio Design Award 2025のノミネートサイトでもあります。
WebサイトURL:https://jp.is-kagami.com
Experts:株式会社necco
Editor's Picks📍Apr. 2026
— Studio | Web制作を、ノーコードで。 (@StudioDesign) April 16, 2026
KAGAMI(ガイドライン株式会社)|離職防止と人材強化を同時に実現する教育DX
→ https://t.co/tY9kQ0Ma7M… pic.twitter.com/6abps8rsbS
高知県で観光・送迎・お遍路・ロケ取材まで幅広く対応するタクシー会社のWebサイト。
イラストで描かれた街の中をタクシーが走り込んでくるメインビジュアルから、スクロールしても画面の中を小さな車がずっと走り続けている遊び心まで、見ていて飽きません。
観光・お遍路・ロケ取材・VIP送迎と用途は幅広く、おすすめシーンやお客様の声まで丁寧に揃えられていて、「ここに任せれば大丈夫」という安心感がしっかり伝わってきます。移動をただの"足"として扱わないという姿勢が、デザインにも言葉にも一貫しているサイトです。
WebサイトURL:https://fukuitaxi.com
Experts:株式会社ONDO
Editor's Picks 📍 Apr. 2026
— Studio | Web制作を、ノーコードで。 (@StudioDesign) April 28, 2026
福井タクシー|高知の観光・送迎・お遍路・ロケ取材https://t.co/DjIZkn7Ad5
イラストで描かれた街の中をタクシーが走り込んでくるメインビジュアルから、スクロールしても画面の中を小さな車がずっと走り続けている遊び心まで🚕見ていて飽きません。… pic.twitter.com/lz9iF8m0CI
10月3日、神奈川県・小田原にて開催される野外映画フェス「街の呼吸と森の映画祭2026」のイベントサイト。
「映画の向こうで、待ち合わせ。」というコピーが示すように、映画を観るだけでなく、歩いて、遊んで、語り合いながら朝まで過ごす体験型イベントの世界観を、サイト全体で丁寧に表現しています。
夜の森と街の空気感が混ざり合うような、落ち着きのある色調とタイポグラフィが印象的。イベントへの期待感をじわじわと高めていく、世界観の作り込まれた一作です。
WebサイトURL:https://forest-movie-festival.jp
Showcase. :https://showcase.studio.design/ja/website/forest-movie-festival
オープンイノベーションを軸に、大企業とスタートアップの共創を支援する「株式会社ユニッジ」のコーポレートサイト。
グレーを基調としながらもカラフルなグラデーションが随所に差し込まれ、スクロールに連動した動きが心地よいリズムを生み出しています。「協業を科学する」という知的なコンセプトが、シンプルかつ洗練されたビジュアルで体現されています。
堅くなりがちなBtoBのコーポレートサイトにおいて、柔らかさとプロフェッショナリズムを両立させたバランス感覚が際立つ一作です。
WebサイトURL:https://unidge.co.jp
Experts:株式会社アールイーデザイン
SCIENTIFICALLY APPROACHING COLLABORATION.
— 渡辺 祐樹|Re:design / HOLON (@re_d) March 19, 2026
協業を科学する。
大企業とスタートアップの共創による新規事業創出の支援と、スタートアップの事業成長を支援するUNIDGE(ユニッジ)様のコーポレートサイトをリニューアルさせていただきました。
制作はby #studio ですhttps://t.co/LBtLSuclNE pic.twitter.com/h9u3z6Ceqp
今月は、卒業制作から企業のサービスサイト、地域密着のタクシー会社、野外映画フェスまで、ジャンルも規模も異なる7つのサイトをご紹介しました。
業種や規模にかかわらず共通しているのは、「伝えたいことへの誠実さ」がデザインに宿っていること。Studioの表現力を活かしながら、それぞれのブランドの個性を丁寧に形にした事例ばかりです。
今回の事例が、皆さんの制作のヒントになれば嬉しいです!
Studioで公開したWebサイトは、プロジェクトダッシュボードから「Showcase」への掲載申請が可能です(※審査あり)。
>詳しくはこちら:Studioで作られたWebサイトを集めたギャラリーサイト「Showcase」への掲載 | Studio Help
Studioを活用したWebサイト制作をご希望の方は、Studioの制作パッケージプランよりお問い合わせください。
>Studioの制作パッケージプランはこちら:https://studio.design/ja/experts/package-plan
次世代のノーコードWeb制作プラットフォームを謳うノーコードツールです。デザインから、公開、CMSまで、すべてがここに。
無料ではじめる