ワヴデザイン|Wab Design INC.

618 posts

ワヴデザイン|Wab Design INC. banner
ワヴデザイン|Wab Design INC.

ワヴデザイン|Wab Design INC.

@wabdesigninc

【フルリモート×全国対応】戦略的アプローチと的確なクリエイティブでWeb・グラフィック・UI/UX・ブランディングを支援|iDID (@iDID_team) |デザインスクール「CREATIVE CLASS」運営 @_CREATIVECLASS_|学びに役立つ情報も発信中|ぜひフォローください!

Online Katılım Ağustos 2023
437 Takip Edilen1.5K Takipçiler
ワヴデザイン|Wab Design INC.
ワヴの社員がおすすめする地方サイト特集、第一弾! 静岡の名物「さわやか」のWebサイト、見たことありますか? ハンバーグで県外の方も知ってる有名店ですが、実はサイトの工夫がすごいんです。特に各店舗の「待ち時間表示」。郊外店とアクセス良好な店舗で待ち時間がぜんぜん違うので、見てるだけで面白いです。 GW時期は待ち時間が人気アトラクション並みになります。観光客も多いからこそ、ユーザーが事前に判断できる設計になってるんです!これって単なるサイトの便利機能じゃなくて、"さわやかを食べるという体験全体"をデザインしてるんだなと考えさせられました。 是非、GW期間中にチェックしてみてください。
ワヴデザイン|Wab Design INC. tweet media
日本語
1
1
5
2.4K
ワヴデザイン|Wab Design INC.
600年前の壁画技法が、ブラウザの中で動いている。 シャンパンブランド「ルイナール」のウェブサイトは、中世のフレスコ画をそのままWeb体験に落とし込み、商品やブランドの歴史をただ説明するのではなく、絵画の世界に潜り込んで体験できる構造になっています。 1729年創業の老舗メゾンが、自ブランドの歴史をこういう遊び方で見せてくるギャップが素敵です◎
日本語
1
0
6
579
ワヴデザイン|Wab Design INC.
ワヴデザインが制作した、トロンボニスト 池本茂貴 さんのWebサイトが、MUUUUU ORG(@muuuuu_org)のSOTD(Site Of The Day)に選出されました! MUUUUU ORGは、卓越したデザインのWebサイトだけを厳選して紹介するWebデザインアワードです。 いつも参考に拝見していたので、とても光栄です!
ワヴデザイン|Wab Design INC. tweet media
日本語
0
1
14
1.3K
ワヴデザイン|Wab Design INC. retweetledi
CREATIVE CLASS supported by iDID
CREATIVE CLASS supported by iDID@_CREATIVECLASS_·
「アーカイブを聴き直したい!」という多くのリクエストにお応えして、Xスペースのポッドキャスト配信を順次スタートしています!🏁 12/16に開催した岡部健二マスターのトーク回。あまりに濃密な内容だったため、前後編の2回に分けてお届けします! 今回のテーマは「エンジニアが『表現』を企画するということ」! リンクはリプ欄から💁
CREATIVE CLASS supported by iDID tweet media
日本語
1
4
11
2.8K
ワヴデザイン|Wab Design INC.
ワヴデザインが制作を担当したトロンボニスト池本茂貴さんのWebサイトが、S5 Style @s5style のGWD(GOOD WEB DESIGN)に選ばれました! GWDは、キュレーションオーナーがハイクオリティなWebデザインを厳選して紹介しているもの。いつも参考に見させていただいているので光栄です!
ワヴデザイン|Wab Design INC. tweet media
日本語
0
2
27
4.5K
ワヴデザイン|Wab Design INC.
アプリ作ってみた デザインをしていると「本当にこれでいいんだろうか?」と頭を抱える瞬間が多々あります。 そういう時は、チームメンバーにでも相談すればいいのですが、人間にいきなり相談する前にワンクッション欲しい…事前に心の準備をしておきたい… ということで、ワヴのAI好きデザイナー・松崎 @mash1730 がそんな時にぴったりなアプリを制作しました。 「3CDFB」 架空のAIクリエイティブディレクター3人がアップロードしたデザイン画像に厳しいフィードバックを(FB)しまくるアプリです。 架空クリエイティブディレクターはこの3人。(名前2秒でつけた) ◯タナカ・ミニマル ◯サトウ・アート ◯スズキ・ビジネス 名前の通りそれぞれの得意領域の観点をプロンプトに詰め込んでおり、アップロードしたデザイン画像にこの3人が会話形式でFBしてきます。 褒め量や、厳しさの加減はサイドバーで調整可能ですが、あまりに甘い言葉をもらっても現実でショックを受けるだけなので、デフォルトで厳しめです。 使ってみると、FBの半分くらいは合っている気がします。実際の上司や理想のデザイナーの人格、案件の設定を細かく定義したら、もっと精度上がるかもしれません。 さらに、5%の確率で誰かが急に会議で抜けたり、3%で「今夜のディナーどうする?」などの誤爆メッセージが届く不要な機能も入れてみたそうですが、まだ遭遇していないとのこと。 AIで誰もがアプリやサービスを作れる時代、汎用的なアプリよりも、個人的でニッチな欲望を叶えるような、アイデア・着眼点の部分が重要になってくる予感がしています。 今後もまたつくってみたら発信するそうですのでお楽しみに。
日本語
0
0
11
1.4K
ワヴデザイン|Wab Design INC.
ジャズの新星・トロンボニスト池本茂貴さんのWebサイトをリニューアルしました。 いきものがかり、上白石萌音等のレコーディングサポートをはじめ、星野源、King Gnuの各ツアーに参加。 トロンボーン奏者であり作編曲家の池本さん率いる〈isles〉のブルーノート東京の単独公演を機に、作家性を新たに定義し、 コンセプト設計からビジュアル表現まで、イメージを刷新しました。 池本さんのトロンボーンの音から感じる、柔らかい塊が弾けるように途切れず広がっていく感覚と、持ち運ばれる空気感。 それに呼応するシームレスな閲覧体験を表現するために、まず細かなモーションプロトタイプをFigmaで作成し、チーム内でアニメーションのイメージを共有しながら実装へ進めました。 実装面では、池本さんの領域を定めない活動そのものを演出として表現す、タブ切り替えやページ遷移、画像の出現時に、少しだけ滲みを含んだアニメーションを加えています。 情報が断絶せず、余韻を持って立ち上がる見え方にすることで、閲覧性を保ちながら、池本さんらしい柔らかな広がりを操作体験としてかたちにしました。 Creative Director: Kazutaka Nakamura @nkmrkztk Art Diretctor / Designer: Ren Ohshima @ren99541 Developer: Takuya Matsumoto @matsu_2708
日本語
1
3
65
10.5K
ワヴデザイン|Wab Design INC.
「相手を理解する」が面白くなるゲーム。 カードゲーム「サンレンタン」を知っていますか? デザイナーにとって「相手を理解する」は仕事の核心のひとつ。でも1on1やミーティングでは出てこない、その人の本音や価値観の優先順位は、実はこういう場面でこそ見えてくるのかもしれません。 遊び方はとてもシンプル。出題者が7つの選択肢から相手の好みや価値観を予想して1~3位を決めて、他の人がそれを当てるというもの。「1億円の代償として許せることは?」といった問いが並んでいます。 面白さの理由を考えてみると、 ①なぜそれを選んだのか話し合う過程で、普段の何気ない会話より相手のことを深く知れること。 ②当てられた時に「こんなことまで見てくれてたんだ」という発見があること。 ③同じ問いでも時間が経てば答えが変わるので、相手の変化も感じられること。 相手のことをもっと理解したい、という時にこのゲームは手助けになるなと感じています。家族や友人と楽しんだり、チームビルディングにも使えるかも?ぜひ試してみてください!
ワヴデザイン|Wab Design INC. tweet media
日本語
0
1
9
897
ワヴデザイン|Wab Design INC.
San Ritaというデザイン会社が、ポートフォリオサイトを約1年かけて作り直したそうです。 自分たちが本当に好きだと思える世界を、そのまま形にしようとしている姿勢が印象的でした。 デザインは、アウトドアへの関心を起点に、3Dの地形図をベースにしながら、ビンテージの国立公園マップの質感を重ねています。 カリフォルニアやカナダの地層を、サイト上で再現したような、あまり見られない印象的なデザインになっています。 コンテンツのスクロールにあわせてルート線が進んでいくなど、独特な世界観のデザインとマッチしてして、質の高いWeb体験だと感じました。 制作プロセスの中で印象的だったのは、技術とデザインの考えが一致した瞬間があったことです。 そのときに最も難しかった地形の実装が、一気に進んだとのことでした。 こうした閃きの瞬間には、何度でも出会いたいものです。
日本語
1
0
38
2.5K
ワヴデザイン|Wab Design INC.
「タトゥー」は、日本ではまだ心理的ハードルが高い商材のひとつですが、TATTOO STUDIO Ray'sさんのサイトを見ると、その不安にどう向き合うかという情報設計の工夫が徹底されています。 タトゥーの種類を丁寧に説明し、料金を透明に示し、彫り師のプロフィールだけでなくキャリアヒストリーまで公開する。全ては、安心してもらうための設計です。 代表の方が「タトゥーをもっとカジュアルな存在にしたい」というビジョンを持ち、サイト全体がその思いを反映しているため、一貫した哲学が伝わってきます。 商材の敷居が高いほど、何を取り除き、何を伝えるかという戦略の価値が高まります。ブランディングの観点からも参考になるウェブサイトでした。
日本語
1
0
17
1.8K
ワヴデザイン|Wab Design INC.
デザインは「誰かのために」「目的のために」考え続ける仕事。 だからこそ、相手の立場に立つ姿勢や言葉への配慮が自然と身につくのかもしれません。 一方で記事の最後に書かれていた、「自分がワクワクするか」という問いも大事にするという視点もとても印象的でした。 相手のために考えることと、つくり手の感情。 その両方を大切にしながら、ものづくりができるチームでありたいなと思います。
太田賢一/Design Mgr@kenichiota0711

x.com/i/article/2032…

日本語
0
1
9
1.3K
ワヴデザイン|Wab Design INC.
【制作実績】長野県にある「のりくら観光協会」のロゴデザインを、WEBサイトに続きリニューアルしました。 デザインは、同じく長野県出身のグラフィックデザイナー・清水艦期さんに依頼(@shimizukango) 乗鞍岳をはじめとした山々と高原が、リズムよく並走するかたちをモチーフにしています。 観光の「今」だけでなく、これから先の時間にも耐えうる佇まいを目指したロゴデザインです。 -- Client: のりくら観光協会 (@NorikuraKogen ) Producer: 中村和貴(@nkmrkztk) Creative Director: 渡辺 タエコ(@taeko84) Art Director / Designer: 清水艦期(@shimizukango
shimizu kango@shimizukango

のりくら高原のロゴデザインを担当しました!山と高原がリズムよく並走するかたちをモチーフにしています。地域に根ざし、寄り添いながらも、これからののりくらを想像できるような可能性を感じてもらえるデザインを目指しました。

日本語
0
2
109
14.3K
ワヴデザイン|Wab Design INC.
確かに、デザインを始めたばかりの頃はやりがちなポイントかもしれません。 一見細かな話に見えますが、こうしたパーツの考え方は知識として知っておくだけで、さまざまな場面に応用できるのが面白いところ。 リストだけでなくフォームのラベルと入力欄や、ボタンのアイコンの扱いなど、「繰り返しのルール」をどう設計するかは、情報の読みやすさやリズムに大きく関わります。 小さなディテールですが、デザインの質を底上げしてくれる大事な視点ですね。
ムラマツヒデキ|クオートワークス@muuuuu_chang

超デザイン絶初心者あるある第一位 複数行テキストの記号やアイコンを、全部縦中央にしてしまうこと。 位置は見た目ではなく、繰り返しの基準で決まる。 「・」「番号」「+」のような先頭側の記号は、各項目の端と端を揃えて反復させることで、一覧性とリズムを作る。 縦中央にすると、行数ごとに記号の位置が上下して、 その共通の端が崩れる。 結果、視線の流れが不安定になり、同じ並びとして認識しづらくなる。 例外はある。 でも大体は、縦中央揃えより端揃えの方が強い。 9割、端揃えで足ります。

日本語
0
0
12
2.9K