ホバー時にカーソルがオリジナルのものへと変わることでユーザー体験に遊び心がプラスされ、操作のたびに小さな発見があり、ブランドの印象やデザインの独自性をより印象付けることができます。

何気ないデザインに個性を感じさせる一手間がステキです。

hover - ホバーでオリジナルのカーソルに変わる

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

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

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

複数要素の「つながり」を感じさせたり、平面のビジュアルに奥行きを与えます。

style - ビジュアルに曲線がからみつく

Masaru Inaba — Work Archive

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

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

design - モバイルファースト

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

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

想いを伝えたいとき、真心を込めたいときに使うことでデザインに血が通います。

font - 手書き文字

MEFILAS制作のDesign Sets
制作内容の詳細はオフィシャルサイトをご覧ください。
https://mefilas.com

MEFILAS | WORKS

Soulmates Interactive - Works

主にWEBサイトの企画、制作から、グラフィック、CI、VIなど、
多岐にわたってアートディレクションとデザインから実装まで行うクリエイティブ集団です。


Hakbee Lanka Inc. | Works

兵庫県川西市を拠点とするブランディングデザイン事務所「tanukie（たぬき）」。
事業や商品のブランドづくりから、事業承継・世代交代に伴うリブランディング、社内のデザイナー人材育成など、デザインと経営を繋ぐお手伝いをしています。
https://tanukie.jp

tanukie works

Maromaro Projects

ANDMADE（アンドメイド）は、企業やブランド、製品などのブランディングに関わるウェブやデジタル施策のUI設計、グラフィックなど、包括的にアートディレクションとデザインを行っているデザインスタジオです。

https://andmade.jp/

ANDMADE Inc. - Projects

ディレクション・デザインで携わった制作実績をまとめています🧞‍♂️

naga_sow (TWOTONE) - WORKS

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

ブランケット チョイス

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

The FWA 受賞サイト

My coding works

アウトドアブランドDOD（ディーオーディ）が制作したWEBサイトを掲載。

アウトドアブランドDOD（ディーオーディ）

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

https://x.com/daijimachine

Masayuki Daijima | Calmhectic Work

エリアの境界線を強調することで、情報がすっきり整理され、配置に規則性や統一感が生まれることで、洗練された印象を与えます。

建築図面を見ているかのような、構造的な美しさを感じます。

style - グリッドを強調したデザイン

🫲🔥⚡️👽⚡️🔥🫱

北川太我｜work

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

design - 没入感のある世界観

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

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

背景色に変化を与えて、特定のエリアに対しての注意を引く。
また、エリアをぶつ切りにしないので、丁寧で繊細な印象も与えられる。

scroll - 背景色がふわっと変わる

フォント、色、グラデーション、グリッド、アニメーション、ピクセルアートなど、「デジタル感」の表現は様々。そんな一目で「デジタル」を感じるサイトをまとめました。

サイバースペースを漂うような、機能的でクールな世界観が広がります。

style - デジタル感のあるデザイン

あえて小さい状態から始めることで、その世界に飛び込んでいくような感覚を与えます。

scroll - ビジュアルが全画面に広がる

株式会社ARUTEGAの制作実績です。

ARUTEGA Works

整ったレイアウトの中に、有機的な要素が入ることで、適度な抜け感を与えます。

style - 落書きあり

コーポレートサイトにおける採用の玄関口において、どのような情報をどのように伝えるかの参考に。
※下層に該当ページがある場合もございます

recruit - 採用TOPページ参考

デザインの上からナチュラルな影を重ねることにより、平面的なWEBの画面に空間の奥行きが加わり、写真や映像を見ているようなリアリティが生まれます。

朝日が差し込む窓辺に映る影のような穏やかさを感じます。

design - 影が映り込んだデザイン

様々な形状の図形を散らばすことで、視覚的なリズムや楽しさが加わるだけでなく、「個性」や「多様性」を表現する際にも効果的です。

おもちゃ箱を開けたかのように飛び出した図形に、心が躍ります。



design - 図形が散らばる

途中に横スクロールを入れることでレイアウトに変化が生まれ、飽きることなく閲覧できます。
また、複数要素に序列をつけず並列的に見せるための工夫としても。

たまには、まわり道してみるのも一興ですね。

scroll - 途中で横スクロールになる

動的な多数の情報を読みやすいようにまとめながらも、そのレイアウトやあしらいの工夫でで独自の色も出すことができている素敵なメディアサイトをまとめました。

matome - イケてるメディアサイト

制作実績

Creative Direction, Direction, Planning, Project Management で携わったものとか。
たまに、イラスト, 3D, アニメーションとか。
https://x.com/Daichi_666

Harada Daichi - Worksとか🦎

武蔵野市で創業して十数年になる小さなデジタル・クリエイティブ・アトリエ、株式会社バケモノのお仕事一覧。
デザインのみ、実装のみ、もちろんその両方含め、GWDに選ばれた制作実績を掲載しています。
https://baqemono.jp/

baqemono.inc. Work🤗

ポートフォリオ収集家の私がただただ推したいポートフォリオだけを集めました。
https://x.com/tomonorix0805

トム・イシカワの推しポートフォリオたち

アートディレクター / デザイナー
-
スマイルズという会社で働きつつ、個人でも制作をしています。実装,アニメーション,3Dをやります。
自分がつくる意味を考えて制作をしています。
-
https://noguchi-chihiro.com/