並べ替え：新着順
PLSTプラステ｜ウォームリザーブパンツ - /// ここがハイクオリティ /// 1. 浮遊感のあるアニメーション 2. バランスのとれたレイアウト 3. シームレスなページ遷移 4. エフェクトとサウンドによる暖かそうな演出効果 - #Webデザイン #Web制作 #s5style s5-style.com/9622/ pic.x.com/2zbVYsUcoD
AYANA Bali - /// ここがハイクオリティ /// 1. 情景を生かしたビジュアル演出 2. エレガントにデザインされたインターフェイス 3. マップによるインデックス 4. 整理された情報設計 - #Webデザイン #Web制作 #s5style s5-style.com/9624/ pic.x.com/kD2HISc6PD
今週のおすすめセット scroll - 中盤でハッとする演出が入る s5-style.com/set/seno/438/ /// ここがオススメ /// Webサイトは、要素を綺麗に正しく並べただけではつまらなく感じるものですよね。サムネイルでは気づけない、予定調和を崩したデザインのまとめです。 #Webデザイン #Web制作 #s5style pic.x.com/4BN4JaAXi3
(株)ラージック - /// ここがハイクオリティ /// 1. シームレスなアニメーション演出 2. 円形で統一されたインターフェイス 3. 一貫性のあるカラー設計 4. イラストで描いたインデックスページ - #Webデザイン #Web制作 #s5style s5-style.com/9618/ pic.x.com/gq6QW8ah3B
Loogg - /// ここがハイクオリティ /// 1. 写真を生かしたダイナミックなデザイン 2. 重なり合うスクロール演出 3. 左右に分割したレイアウト 4. 魅力的なスタイリングのフォトグラフィー - #Webデザイン #Web制作 #s5style s5-style.com/9613/ pic.x.com/eqWqtAJkoI
有限会社ベルテック - /// ここがハイクオリティ /// 1. 重厚感のあるタイプフェイス 2. 余白を生かしたレイアウト 3. ミニマルな装飾デザイン 4. コントラストの効いたCTA - #Webデザイン #Web制作 #s5style s5-style.com/9605/ pic.x.com/L4HpFeDq02
Fermier - /// ここがハイクオリティ /// 1. スタイリッシュなトランジション演出 2. 余白を生かしたリズミカルなレイアウト 3. バランスのとれた写真とタイポグラフィ 4. 現地の情景を写したビジュアル - #Webデザイン #Web制作 #s5style s5-style.com/9604/ pic.x.com/QiOPMHTSFD
TID 東京情報デザイン専門職大学 - /// ここがハイクオリティ /// 1. 奥行きのあるレイヤー構造 2. リズミカルに傾斜したレイアウト 3. グラフィカルなビジュアル 4. 一貫性のあるデザイントーン - #Webデザイン #Web制作 #s5style s5-style.com/9602/ pic.x.com/2eK4FbIEHI
JAL | DREAM MILES PASS - /// ここがハイクオリティ /// 1. モノトーンが際立つカラーリング 2. 力強いタイポグラフィ 3. 奥行きのあるインタラクション 4. 実物をメタファーにしたUI - #Webデザイン #Web制作 #s5style s5-style.com/9586/ pic.x.com/Wwxu3v1lQb
今週のおすすめセット 採用サイトのキャッチコピーを考える時に 参考にしていたサイト s5-style.com/set/seno/438/ /// ここがオススメ /// 一度は悩んだことがあるはず。意外となかった採用メッセージまとめ。企業の輪郭がみえるような芯のあるコピーばかりです。 #Webデザイン #Web制作 #s5style pic.x.com/tUC4DauvjM
#s5style デザイン視点のセットは多いので設計観点でまとめてみた。今後は案件ベースでも活用してみる！ 「独自性のあるナビ名称_コーポレートサイト」 s5-style.com/set/bacon_koba…
HERM - /// ここがハイクオリティ /// 1. イラストにマスクされた映像演出 2. 日本語と英語を併記したレイアウト 3. 一貫性のあるカラーリング 4. CTAへの動線が強調されたフッター - #Webデザイン #Web制作 #s5style s5-style.com/9557/ pic.x.com/llc8xDIBKJ
Fluffy HUGS NFT - /// ここがハイクオリティ /// 1. インパクトのあるビジュアルデザイン 2. スムースなアニメーション演出 3. 奥行きのある3D空間 4. 機能的なジェネレート画面 - #Webデザイン #Web制作 #s5style s5-style.com/9556/ pic.x.com/EvTJzq9fgW
タイムトリップしよう、常陸国ロングトレイルで。｜茨城県 - /// ここがハイクオリティ /// 1. 水彩風イラストで統一された世界感 2. 縦型のプロモーション動画 3. イラストで描いた地図のインデックス 4. 和風テイストなカラー設計 - #Webデザイン #Web制作 #s5style s5-style.com/9545/ pic.x.com/U6LtAzDTaV
株式会社ヘラルボニー - 採用情報 - /// ここがハイクオリティ /// 1. ポートレート写真による印象的なスライド演出 2. ダイナミックに要素が並んだメニュー画面 3. ミニマルなデザイン 4. スクロールに応じて可変する記事ページ - #Webデザイン #Web制作 #s5style s5-style.com/9544/ pic.x.com/s5ldWIHozw
株式会社 帝国データバンク - /// ここがハイクオリティ /// 1. インフォグラフィックスを兼ねたビジュアル 2. 3DCGによるデータビジュアライズ 3. 明瞭なイラストレーション 4. 再現性の高いUIエレメント - #Webデザイン #Web制作 #s5style s5-style.com/9534/ pic.x.com/dMZaC8BniO
世界のはたらくWell-being - /// ここがハイクオリティ /// 1. 印象が強い見出しタイポグラフィ 2. 整列されたグリッドデザイン 3. 3Dを活用したインターフェイス 4. 複数のWebフォントによる文字組み - #Webデザイン #Web制作 #s5style s5-style.com/9530/ pic.x.com/HdYYfZ161Y
秦 基博 HATA EXPO - /// ここがハイクオリティ /// 1. グラフィカルなタイポビジュアル 2. スクロールに連動するアニメーション 3. 斜めに傾いたレイアウト 4. シンプルな情報エリア - #Webデザイン #Web制作 #s5style s5-style.com/9525/ pic.x.com/GWNiKO4CJu
Brew - /// ここがハイクオリティ /// 1. 情景を生かしたビジュアル 2. 縦向きに組まれた文字 3. 美しく整えられたレイアウト 4. 上質な写真ビジュアル - #Webデザイン #Web制作 #s5style s5-style.com/9524/ pic.x.com/eshEIKt57K
design - DOPEなサイト としてtoteのサイトをたくさん選んでいただきありがとうございます！ s5-style.com/set/momotaro/4… #s5style 自分たちのDesign Setsかと二度見してしまいました😆 pic.x.com/BaesuCzcUV x.com/momoitter/stat…
今まで自力でシートにタイトルとURL打ち込んでストックしていたけど、これS5上にあるものであればポチポチしてるだけで登録できるし、さらにサムネイルも付いてるから、いざ引き出したいときに見つけやすくて最高！！はかどる！！ 早速デザインセット10個ぐらい作ってみた。 s5-style.com/set/momotaro pic.x.com/vLk0LdYMR6 x.com/s5style/status…
RAMEN CLUB - /// ここがハイクオリティ /// 1. 陰影が強調された商品写真 2. モジュール型のグリッドレイアウト 3. ミニマルなインターフェイス 4. オーバーフローするお問い合わせ導線 - #Webデザイン #Web制作 #s5style s5-style.com/9497/ pic.x.com/Zg2tZx44Zx
{ Design Sets FRIDAY } 今週のおすすめセット Kitasenju Design's Design /// ここがオススメ /// 視覚表現の実験と実装を得意とされている北千住デザインさん。HTMLやCSSでの実験的なサイトをブックマークしています。 - #Webデザイン #Web制作 #s5style s5-style.com/set/kitasenjud… pic.x.com/LXgLfrTUKo
ワンダー WANDER｜全国の不動産情報メディア - /// ここがハイクオリティ /// 1. 建築的に組み上げられたインターフェイス 2. 時期によりカラーが変わる演出 3. 遊び心の感じるデザイン 4. 明確にグルーピングされたレイアウト - #Webデザイン #Web制作 #s5style s5-style.com/9492/ pic.x.com/dSjIgEPqfX
株式会社ジュニ - /// ここがハイクオリティ /// 1. マウスに反応するインタラクティブな演出 2. スクロールに連動して回転するインターフェイス 3. ミニマルなテイスト 4. チャット風のお問い合わせウィンドウ - #Webデザイン #Web制作 #s5style s5-style.com/9491/ pic.x.com/A6L0vHN44V
QUOITWORKS Inc. - /// ここがハイクオリティ /// 1. ダイナミックに画面を覆うな動画演出 2. 可読性の高いタイプフェイス 3. モックアップを活用したサムネイル 4. 明瞭にグルーピングされたレイアウト - #Webデザイン #Web制作 #s5style s5-style.com/9485/ pic.x.com/hl21QVwgEm
株式会社Gotoschool - /// ここがハイクオリティ /// 1. 没入感のあるオープニング演出 2. スクロールに連動して再生されるアニメーション 3.カラフルな配色設計 4. テキストに合わせて変化する図版 - #Webデザイン #Web制作 #s5style s5-style.com/9446/ pic.x.com/3PaaXTMg9A
NEWTOWNデザイナー募集2024 - /// ここがハイクオリティ /// 1. 書籍の表紙のようなインターフェイス 2. シンプルなコンテンツ 3. 応募フォームまで直結したサイト構造 4. ｢決して私が飲みすぎているせいではない。｣ - #Webデザイン #Web制作 #s5style s5-style.com/9443/ pic.x.com/66AsTEf883
Francobolli per la Lessinia - /// ここがハイクオリティ /// 1. イラストによる一貫性のある世界観 2. ドラッグで操作するインターフェイス 3. シームレスなページ遷移 4. シンプルなコンテンツ構造 - #Webデザイン #Web制作 #s5style s5-style.com/9437/ pic.x.com/MHLp7xmVcS
期末ドタバタでできなかったS5-Styleさんのまとめ、ようやくできた、、、！ SUPER SUPER の制作実績をまとめたのでぜひ見てください！ s5-style.com/set/supersuper… リニューアルおめでとうございます！ いつも楽しみにしてます！ @shogoTabuchi #s5style pic.x.com/prwfjfyeru x.com/s5style/status…
【S5-Style リニューアル】 これまでハイクオリティなWebデザインを紹介してきた当サイトは、新たに「まとめ」「フォロー」の新機能が加わり、ユーザー全員がキュレーターとなる共有型ギャラリーサイトに生まれ変わりました。 URLも新アドレスに！ s5-style.com #s5style pic.x.com/hmwlfmynjy
期末ドタバタでできなかったS5-Styleさんのまとめ、ようやくできた、、、！ SUPER SUPER の制作実績をまとめたのでぜひ見てください！ s5-style.com/mypage/edit/49… リニューアルおめでとうございます！ いつも楽しみにしてます！ @shogoTabuchi #s5style pic.x.com/u5l2fz2kb3 x.com/s5style/status…
【S5-Style リニューアル】 これまでハイクオリティなWebデザインを紹介してきた当サイトは、新たに「まとめ」「フォロー」の新機能が加わり、ユーザー全員がキュレーターとなる共有型ギャラリーサイトに生まれ変わりました。 URLも新アドレスに！ s5-style.com #s5style pic.x.com/hmwlfmynjy
桑沢卒展アーカイブ｜桑沢デザイン研究所 - /// ここがハイクオリティ /// 1. モジュールグリッドによるレイアウト 2. コンテンツを一望できるメニュー 3. 充実した作品写真 4. ミニマルなインターフェイス - #Webデザイン #Web制作 #s5style s5-style.com/9409/ pic.x.com/gsvyzcn4yp
黒糖焼酎れんとの奄美大島開運酒造 - /// ここがハイクオリティ /// 1. 幽玄な印象のオープニング演出 2. 大胆に組まれたタイポグラフィ 3. 視認性が高く独特なデザインの記事見出し 4. サイトマップを一望できるフッターメニュー - #Webデザイン #Web制作 #s5style s5-style.com/9433/ pic.x.com/bby60dycbw
映画「ぼくのお日さま」公式サイト - /// ここがハイクオリティ /// 1. ゆっくりと沈んでいくビジュアル 2. 小さく控えめな印象の文字組 3. まばらに配置されたタイポグラフィ 4. 傾きのあるユニークなレイアウト - #Webデザイン #Web制作 #s5style s5-style.com/9405/ pic.x.com/ambjjzh3xm
Next 10 Chairs - /// ここがハイクオリティ /// 1. 高品質なプロダクト写真 2. モジュール化され一貫性のあるデザイン 3. シンプルでモダンなレイアウト 4. シャープな印象の情報ページ - #Webデザイン #Web制作 #s5style s5-style.com/9395/ pic.x.com/r6fzagfncw
ちなみに最近リニューアルした S5styleさんのギャラリーサイトで 発見しました👀🍡🪑✨️ URLがリニューアルで新しくなってます （私もよく間違えます） ブックマークされてる方はご注意を☝️⚠️🙂 #s5style s5-style.com
尾張名古屋の味を未来へつなぐ食楽堂「蓬左＜hōsa＞」 - /// ここがハイクオリティ /// 1. 所作や景観を映した風情を感じる動画 2. 縦組みされた和風レイアウト 3. ゆとりのある余白 4. ミニマルに出現するお問い合わせ導線 - #Webデザイン #Web制作 #s5style s5-style.com/9365/ pic.x.com/q2gw8xaxqj
JAPAN LEATHER SHOWROOM 国際見本市への出展 - /// ここがハイクオリティ /// 1. 大胆にレイアウトされたタイポグラフィ 2. シンプルかつリズミカルなレイアウト 3. フラットテイストの記事ページ 4. アート風のサムネイルイラスト - #Webデザイン #Web制作 #s5style s5-style.com/9358/ pic.x.com/fygjifje0x
ウェブグラフィックテクノロジーを使ったかっこいいサイトを集めたDesign Setを作ってみました。 (E) Web Graphic Technology s5-style.com/set/unshift/33… #s5style
スポーツ
エンタメ
エンタメ
アニメ・ゲーム
エンタメ
エンタメ
