WEBデザインを下層まで探せるWEBギャラリー・リンク集。
WEBサイト・LPを毎日更新していきます!

業界

  • エンタメ・趣味・娯楽

    72

  • 飲食・食品・飲料

    68

  • クリエイティブ制作

    65

  • ファッション・アクセサリー

    28

  • ポータルサイト･メディア･情報サイト

    28

  • 不動産・建築・施設

    25

  • 製品・工業・素材

    23

  • 教育・学校

    22

  • IT・システム

    21

  • 美容

    21

  • 事業・組織

    18

  • 車・バイク他

    16

  • 旅行・ホテル・観光

    15

  • 医療・ヘルスケア・健康

    15

  • 就職・人材サービス

    15

  • 暮らし商品・サービス

    15

  • 広告・マーケティング

    14

  • 金融・保険・会計・法律

    13

  • インテリア・雑貨

    13

  • Web・クラウドサービス

    13

  • 行政・NPO・団体・協会

    13

  • CSR・サスティナビリティ

    12

  • ウェディング

    11

  • アート

    11

  • インフラ

    10

形式

  • コーポレートサイト

    123

  • 商品・製品紹介

    98

  • 特設サイト

    90

  • 企画・プロモーション

    67

  • 店舗・施設紹介

    54

  • サービス紹介

    39

  • LP (ランディングページ)

    29

  • 採用サイト

    29

  • EC・Webサービス

    28

  • メディア・ポータル

    27

  • ポートフォリオ

    15

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    171

  • イラストが特徴的なサイト

    125

  • アニメーションが特徴的なサイト

    107

  • テキストが特徴的なサイト

    70

  • レイアウトが特徴的なサイト

    47

  • 多言語対応

    43

  • スマホ特化・モバイルファースト

    29

  • 動画が特徴的なサイト

    24

下層ページ

  • 投稿一覧(記事/商品など)

    187

  • Aboutページ

    186

  • 投稿詳細(記事/商品など)

    177

  • サービス紹介

    113

  • お問い合わせ

    64

  • 採用情報

    45

  • よくある質問

    38

  • プライバシーポリシー

    31

  • 料金表

    19

  • CSR

    19

  • 規約/法律に基づく表記

    18

  • ビジュアル

    1

カラー

  • ホワイト・白

    111

  • ブルー・青

    105

  • ブラック・黒・グレー

    89

  • グリーン・緑

    60

  • レッド・赤

    49

  • カラフル・多色

    46

  • イエロー・黄色

    42

  • ブラウン・茶色

    29

  • ピンク・桃色・桜色

    25

  • オレンジ・橙色

    24

  • パープル・紫

    16
2024.03.12

Fabio Ottaviani – Creative Developer

https://www.supah.it/

Webデザイナー、フロントディベロッパーのFabio Ottaviani氏のポートフォリオサイトです。気持ちのいいスマートなインタラクティブUIを開発しているので、是非ご覧ください！

このデザインを共有する

Close

Industry

クリエイティブ制作

Page

投稿詳細(記事/商品など)

Color

Format

ポートフォリオ

Design

アニメーションが特徴的なサイトテキストが特徴的なサイト
おもしろいシンプル
投稿者の画像

フロントエンドディベロップメントでさまざまな表現を試みるバリエーションの広さは必見！

Fabio Ottaviani – Creative DeveloperのPCサイズの画像
Fabio Ottaviani – Creative Developerのモバイルサイズの画像

本ページは、本サイト掲載日時点で公開されているサイトより、画面キャプチャ画像を引用し掲載しています。
掲載取下げ依頼、または修正依頼はコチラよりご連絡ください。

Industry

クリエイティブ制作

Page

投稿詳細(記事/商品など)

Color

Format

ポートフォリオ

Design

アニメーションが特徴的なサイトテキストが特徴的なサイト
おもしろいシンプル

下層デザイン

  • 投稿詳細(記事/商品など)

    Fabio Ottaviani – Creative DeveloperのPCサイズの投稿詳細(記事/商品など)画像
    Fabio Ottaviani – Creative Developerのモバイルサイズの投稿詳細(記事/商品など)画像

  • 投稿詳細(記事/商品など)

    Fabio Ottaviani – Creative DeveloperのPCサイズの投稿詳細(記事/商品など)画像
    Fabio Ottaviani – Creative Developerのモバイルサイズの投稿詳細(記事/商品など)画像

3

2

同系統のサイトデザイン

  • NEW generation | α Universe | デジタル一眼カメラα（アルファ） | ソニーのPCサイズの画像
    NEW generation | α Universe | デジタル一眼カメラα（アルファ） | ソニーのモバイルサイズの画像
    DETAIL VISIT

    NEW generation | α Universe | デジタル一眼カメラα（アルファ） | ソニー

    投稿者の画像

    ハイレベな作品群コンテンツがプロダクト品質の証明になっている、様々な理由が合致したいいマーケティングデザイン💡

  • 織右ヱ門 綿と真綿の布団専門店のPCサイズの画像
    織右ヱ門 綿と真綿の布団専門店のモバイルサイズの画像
    DETAIL VISIT

    織右ヱ門 綿と真綿の布団専門店

    投稿者の画像

    綿と真綿と函館の雪景色をイメージした白さが際立つサイト。ボタンのアイコンまで和テイストになっています。

  • HUMAN MADE株式会社: HUMAN MADE Inc.のPCサイズの画像
    HUMAN MADE株式会社: HUMAN MADE Inc.のモバイルサイズの画像
    DETAIL VISIT

    HUMAN MADE株式会社: HUMAN MADE Inc.

    投稿者の画像

    いろいろな「こんなのもアリだ」を感じられて刺激的なコーポレートサイト⭐️

  • TODA BUILDING | 戸田建設のPCサイズの画像
    TODA BUILDING | 戸田建設のモバイルサイズの画像
    DETAIL VISIT

    TODA BUILDING | 戸田建設

    投稿者の画像

    戸田建設の新たなアートコンプレックス施設のサイトは余白感の気持ちいいゆったりした作り🤭

  • BEYOND ARCHITECTURE | ケンチクとカルチャーを言語化するメディアのPCサイズの画像
    BEYOND ARCHITECTURE | ケンチクとカルチャーを言語化するメディアのモバイルサイズの画像
    DETAIL VISIT

    BEYOND ARCHITECTURE | ケンチクとカルチャーを言語化するメディア

    投稿者の画像

    webと雑誌のいいとこどりなデザインと文字組み！！

  • BOULE DE RIZ｜豊田市のおにぎりカフェのPCサイズの画像
    BOULE DE RIZ｜豊田市のおにぎりカフェのモバイルサイズの画像
    DETAIL VISIT

    BOULE DE RIZ｜豊田市のおにぎりカフェ

    投稿者の画像

    シンプルかつセンター揃えのデザインでレスポンシブのコーディングがしやすいサイトです。

  • MVMNTのPCサイズの画像
    MVMNTのモバイルサイズの画像
    DETAIL VISIT

    MVMNT

    投稿者の画像

    TOPページでスクロールするとナビゲーションになっており、ユーザーに特に見せたい情報だけ表示しているし、おもしろい！！

  • SOSOSOのPCサイズの画像
    SOSOSOのモバイルサイズの画像
    DETAIL VISIT

    SOSOSO

    投稿者の画像

    特にFVの下のセクションのコンテンツの配置が好みです！！

  • BRANCH COFFEE｜ブランチコーヒー｜四国・愛媛・西条・松山のPCサイズの画像
    BRANCH COFFEE｜ブランチコーヒー｜四国・愛媛・西条・松山のモバイルサイズの画像
    DETAIL VISIT

    BRANCH COFFEE｜ブランチコーヒー｜四国・愛媛・西条・松山

    投稿者の画像

    コンテンツよりも背景画像に迫力があるサイト！！TOPはパララックス効果を使用しています。

  • 博報堂アイ・スタジオのPCサイズの画像
    博報堂アイ・スタジオのモバイルサイズの画像
    DETAIL VISIT

    博報堂アイ・スタジオ

    投稿者の画像

    余白の取り方とタイポグラフィーの扱いがとても上手い！細かいテキストまで読みや明日さへの意識を感じる

  • doda PRESENTS: パ・リーグ球団 仕事図鑑2024のPCサイズの画像
    doda PRESENTS: パ・リーグ球団 仕事図鑑2024のモバイルサイズの画像
    DETAIL VISIT

    doda PRESENTS: パ・リーグ球団 仕事図鑑2024

    投稿者の画像

    イラストやアイコンをうまく使ったり、モーダル表示で普段親しみのない球団の仕事について端的に伝えてくれています。

  • 大分市の心療内科・精神科 府内ハートフルクリニック｜大分駅徒歩5分のPCサイズの画像
    大分市の心療内科・精神科 府内ハートフルクリニック｜大分駅徒歩5分のモバイルサイズの画像
    DETAIL VISIT

    大分市の心療内科・精神科 府内ハートフルクリニック｜大分駅徒歩5分

    投稿者の画像

    FVのメッセージ性と丸文字やシンプルなデザインから親しみやすさを感じます！！

  • namco TOKYO（ナムコトーキョー） | namco TOKYO（ナムコトーキョー） | バンダイナムコアミューズメントのPCサイズの画像
    namco TOKYO（ナムコトーキョー） | namco TOKYO（ナムコトーキョー） | バンダイナムコアミューズメントのモバイルサイズの画像
    DETAIL VISIT

    namco TOKYO（ナムコトーキョー） | namco TOKYO（ナムコトーキョー） | バンダイナムコアミューズメント

    投稿者の画像

    ネオンのデザインが施設の雰囲気とマッチしたデザインになっています。

  • 株式会社乃村工藝社 / NOMURA Co.,Ltd.のPCサイズの画像
    株式会社乃村工藝社 / NOMURA Co.,Ltd.のモバイルサイズの画像
    DETAIL VISIT

    株式会社乃村工藝社 / NOMURA Co.,Ltd.

    投稿者の画像

    スッキリして業界最大手企業としての王道感に満ちたサイト❗️

  • 金沢大学｜卓越大学院｜プログラム推進室のPCサイズの画像
    金沢大学｜卓越大学院｜プログラム推進室のモバイルサイズの画像
    DETAIL VISIT

    金沢大学｜卓越大学院｜プログラム推進室

    投稿者の画像

    モノトーンにアクセントカラーが際立ち、FVのコピーが刺さるサイト。

  • WHATAWON（ワタワン） | 「次世代型エンターテインメントモール」のPCサイズの画像
    WHATAWON（ワタワン） | 「次世代型エンターテインメントモール」のモバイルサイズの画像
    DETAIL VISIT

    WHATAWON（ワタワン） | 「次世代型エンターテインメントモール」

    投稿者の画像

    シンプルな作りでも、各所のタイポグラフィーを意識することで「気になるサイト」になれる。バナーのテキスト強くておもしろい

  • STUDIO株式会社(STUDIO, Inc.) | 創造性を、解き放つ。のPCサイズの画像
    STUDIO株式会社(STUDIO, Inc.) | 創造性を、解き放つ。のモバイルサイズの画像
    DETAIL VISIT

    STUDIO株式会社(STUDIO, Inc.) | 創造性を、解き放つ。

    CREATE - studio.inc

    投稿者の画像

    シンプルで洗練された、クールなサイト。Appleを想起させるところも！

  • TOKYO NODE｜ 虎ノ門ヒルズ ステーションタワー – Toranomon Hills Station TowerのPCサイズの画像
    TOKYO NODE｜ 虎ノ門ヒルズ ステーションタワー – Toranomon Hills Station Towerのモバイルサイズの画像
    DETAIL VISIT

    TOKYO NODE｜ 虎ノ門ヒルズ ステーションタワー – Toranomon Hills Station Tower

    投稿者の画像

    中見出しのスクロールアニメーションがかっこいい、THE GRID DESIGNなサイト❗️

  • 株式会社ルミネ 採用情報のPCサイズの画像
    株式会社ルミネ 採用情報のモバイルサイズの画像
    DETAIL VISIT

    株式会社ルミネ 採用情報

    投稿者の画像

    実際に働いている方のインタビューが豊富な採用サイト。セクションラインのアニメーションが印象的。

  • 株式会社小林幹也スタジオ | MIKIYA KOBAYASHI INCのPCサイズの画像
    株式会社小林幹也スタジオ | MIKIYA KOBAYASHI INCのモバイルサイズの画像
    DETAIL VISIT

    株式会社小林幹也スタジオ | MIKIYA KOBAYASHI INC

    投稿者の画像

    シンプル突き詰めたかっこよさがあります⭐️

  • Acoustic Panels and Solutions for USA | Autex AcousticsのPCサイズの画像
    Acoustic Panels and Solutions for USA | Autex Acousticsのモバイルサイズの画像
    DETAIL VISIT

    Acoustic Panels and Solutions for USA | Autex Acoustics

    投稿者の画像

    文字のジャンプ率や罫線の使い方がスタイリッシュ。制作物のクオリティの高さがわかる写真も良い。

  • 404 NOT FOUND｜SHIBUYA SAKURA STAGEのPCサイズの画像
    404 NOT FOUND｜SHIBUYA SAKURA STAGEのモバイルサイズの画像
    DETAIL VISIT

    404 NOT FOUND｜SHIBUYA SAKURA STAGE

    投稿者の画像

    404エラーをデザイン的に表現しているサイト。FVのドラッグアニメーションが楽しいです。

  • ケーキ・洋菓子ブランドサイト｜不二家のPCサイズの画像
    ケーキ・洋菓子ブランドサイト｜不二家のモバイルサイズの画像
    DETAIL VISIT

    ケーキ・洋菓子ブランドサイト｜不二家

    投稿者の画像

    FVのトリミングがケーキを食べる口の動きのようで可愛らしく、ケーキを食べる幸福感を想像させる。

  • JIMWAGのPCサイズの画像
    JIMWAGのモバイルサイズの画像
    DETAIL VISIT

    JIMWAG

    投稿者の画像

    グレイッシュな背景で統一された画像ややフォントの大きさなど、シンプルさの中にスタイリッシュさを感じるサイト！！

  • 酔鯨酒造株式会社のPCサイズの画像
    酔鯨酒造株式会社のモバイルサイズの画像
    DETAIL VISIT

    酔鯨酒造株式会社

    投稿者の画像

    雑誌のような縦書きが印象のサイト。

  • BNN, Inc. | 株式会社ビー・エヌ・エヌのPCサイズの画像
    BNN, Inc. | 株式会社ビー・エヌ・エヌのモバイルサイズの画像
    DETAIL VISIT

    BNN, Inc. | 株式会社ビー・エヌ・エヌ

    投稿者の画像

    落ち着いたトーンのカラーと整理されたレイアウト。装丁を引き立てているデザインのサイト。

  • Techガチャ研究所 | カプセルトイ関連商品・サービス企画開発のPCサイズの画像
    Techガチャ研究所 | カプセルトイ関連商品・サービス企画開発のモバイルサイズの画像
    DETAIL VISIT

    Techガチャ研究所 | カプセルトイ関連商品・サービス企画開発

    投稿者の画像

    シェイプの形やスライダーで動きをつけてシンプルさの中に楽しさが感じられるサイト！！ハンバーガーメニューがガチャガチャを回す取手になっているのも素敵です！！

  • 東映株式会社のPCサイズの画像
    東映株式会社のモバイルサイズの画像
    DETAIL VISIT

    東映株式会社

    投稿者の画像

    様々なコンテンツがある東映。普通ならコンテンツが目立ってくるよう作りそうなものだがこれは攻めてる🔥

  • Dramatic Campus | 神戸学院大学のPCサイズの画像
    Dramatic Campus | 神戸学院大学のモバイルサイズの画像
    DETAIL VISIT

    Dramatic Campus | 神戸学院大学

    投稿者の画像

    大学にいるような感覚が味わえます！！時間割りを意識したアニメーションがおしゃれ！！

  • ラップスタア 2024のPCサイズの画像
    ラップスタア 2024のモバイルサイズの画像
    DETAIL VISIT

    ラップスタア 2024

    投稿者の画像

    動画を大胆に使用して躍動感を高め、グリッチエフェクトでダークな雰囲気を演出している。

  • 採用サイトTOP | 株式会社ディ・ポップスのPCサイズの画像
    採用サイトTOP | 株式会社ディ・ポップスのモバイルサイズの画像
    DETAIL VISIT

    採用サイトTOP | 株式会社ディ・ポップス

    投稿者の画像

    細かいところへのデザインと余白、メリハリなどかなり精度の高い採用サイトです！

  • MAHORAのPCサイズの画像
    MAHORAのモバイルサイズの画像
    DETAIL VISIT

    MAHORA

    投稿者の画像

    TOPページは重厚感溢れるデザインに仕上がっています!!泊まってみたい!!

  • sayoka – サウナで最高の余暇をのPCサイズの画像
    sayoka – サウナで最高の余暇をのモバイルサイズの画像
    DETAIL VISIT

    sayoka – サウナで最高の余暇を

    投稿者の画像

    余暇をイメージさせるシンプルで余白の多いデザイン。カーソルに湯気のようなエフェクトが付いており細かいところまで意識されています。

  • AFURI Recruiting siteのPCサイズの画像
    AFURI Recruiting siteのモバイルサイズの画像
    DETAIL VISIT

    AFURI Recruiting site

    投稿者の画像

    モノトーンかつ躍動感あふれる画像が印象的なサイト。ラーメン屋の採用サイトとは思えない！！

  • シルクスクリーン技術で、ものづくりに新発想 | 桜井グラフィックシステムズのPCサイズの画像
    シルクスクリーン技術で、ものづくりに新発想 | 桜井グラフィックシステムズのモバイルサイズの画像
    DETAIL VISIT

    シルクスクリーン技術で、ものづくりに新発想 | 桜井グラフィックシステムズ

    投稿者の画像

    TOPページのスクロールアニメーションがかっこいい！！セクションの区切りや画像のシェイプも多様で面白い！！

  • HAA 公式オンラインストア｜ギフトに人気な別府 温泉発の入浴剤のPCサイズの画像
    HAA 公式オンラインストア｜ギフトに人気な別府 温泉発の入浴剤のモバイルサイズの画像
    DETAIL VISIT

    HAA 公式オンラインストア｜ギフトに人気な別府 温泉発の入浴剤

    投稿者の画像

    大きめの余白やゆったりとしたスクロールアニメーションが優しさ溢れるサイトになっています。

  • 新しい私に出会う、「新しい私 書店」のPCサイズの画像
    新しい私に出会う、「新しい私 書店」のモバイルサイズの画像
    DETAIL VISIT

    新しい私に出会う、「新しい私 書店」

    投稿者の画像

    本棚のリストや詳細が本の１ページになっているのがおもしろい！！

  • 2024 NEXT CREATION PROGRAM 『こどもファッションプロジェクト』のPCサイズの画像
    2024 NEXT CREATION PROGRAM 『こどもファッションプロジェクト』のモバイルサイズの画像
    DETAIL VISIT

    2024 NEXT CREATION PROGRAM 『こどもファッションプロジェクト』

    投稿者の画像

    シンプルだからこそ写真が映えるおり、FVのアパレルデザイナーのスケッチデザインがおしゃれ！！

  • 臨床統計家育成コース｜京都大学 大学院医学研究科 社会健康医学系専攻のPCサイズの画像
    臨床統計家育成コース｜京都大学 大学院医学研究科 社会健康医学系専攻のモバイルサイズの画像
    DETAIL VISIT

    臨床統計家育成コース｜京都大学 大学院医学研究科 社会健康医学系専攻

    投稿者の画像

    グラフのイラストがアニメーションで動くことでFVを魅力的に表現！！

  • 株式会社ドットコム・マーケティングのPCサイズの画像
    株式会社ドットコム・マーケティングのモバイルサイズの画像
    DETAIL VISIT

    株式会社ドットコム・マーケティング

    投稿者の画像

    情報が整理されたレイアウトで信頼感があり、キーカラーが映えるコーポレートサイトです。

  • SAVE365Magazine | 日本赤十字社は365日、動き続けています。のPCサイズの画像
    SAVE365Magazine | 日本赤十字社は365日、動き続けています。のモバイルサイズの画像
    DETAIL VISIT

    SAVE365Magazine | 日本赤十字社は365日、動き続けています。

    投稿者の画像

    シンプルで各セクションが一画面に収まっているので見やすいサイトになっています。

  • 大阪のタクシーって熱い！大阪府タクシードライバー就職支援サイトのPCサイズの画像
    大阪のタクシーって熱い！大阪府タクシードライバー就職支援サイトのモバイルサイズの画像
    DETAIL VISIT

    大阪のタクシーって熱い！大阪府タクシードライバー就職支援サイト

    投稿者の画像

    テキストが関西弁！！シンプルだが随所に大阪感があるサイト！！

  • 延原商事株式会社 | 研磨材を中心に世界をつなぐ商社のPCサイズの画像
    延原商事株式会社 | 研磨材を中心に世界をつなぐ商社のモバイルサイズの画像
    DETAIL VISIT

    延原商事株式会社 | 研磨材を中心に世界をつなぐ商社

    投稿者の画像

    落ち着いた大人なイメージとグローバル感あふれるサイトです。

  • 企業CM | それは、はじまりの音 | YKK株式会社のPCサイズの画像
    企業CM | それは、はじまりの音 | YKK株式会社のモバイルサイズの画像
    DETAIL VISIT

    企業CM | それは、はじまりの音 | YKK株式会社

    投稿者の画像

    とてもミニマルなデザインでメッセージが伝わってきます。

  • 西山製麺 ドイツ法人のPCサイズの画像
    西山製麺 ドイツ法人のモバイルサイズの画像
    DETAIL VISIT

    西山製麺 ドイツ法人

    投稿者の画像

    フォント、カラーやアニメーションの使い方が素晴らしく、製品の高いクオリティを感じられるサイト。

  • 90周年記念サイト │ NISSANのPCサイズの画像
    90周年記念サイト │ NISSANのモバイルサイズの画像
    DETAIL VISIT

    90周年記念サイト │ NISSAN

    投稿者の画像

    ブラックがモダンな印象を与えてくれるサイト。HISTORYのスライドがかっこいい！！

  • ハーゲンダッツミュージアム｜ハーゲンダッツ ジャパン　Häagen-DazsのPCサイズの画像
    ハーゲンダッツミュージアム｜ハーゲンダッツ ジャパン　Häagen-Dazsのモバイルサイズの画像
    DETAIL VISIT

    ハーゲンダッツミュージアム｜ハーゲンダッツ ジャパン　Häagen-Dazs

    投稿者の画像

    FVのインパクトや各年代の商品を楽しむことができるサイト！！

  • ONGROUND（オングラウンド）-「スポーツと、はたらく」を目指す人のためのスポーツビジネスメディアのPCサイズの画像
    ONGROUND（オングラウンド）-「スポーツと、はたらく」を目指す人のためのスポーツビジネスメディアのモバイルサイズの画像
    DETAIL VISIT

    ONGROUND（オングラウンド）-「スポーツと、はたらく」を目指す人のためのスポーツビジネスメディア

    投稿者の画像

    footerのアニメーションとデザインがかっこいい！！