- ほぼフルリモ/大規模サービス
- マーケ×クリエイティブの融合
- 大規模アーキテクチャ刷新PJ
- Other occupations (24)
- Development
- Business
==========================================
- 長津:カドベヤCOO/弊社WEBディレクターの長(おさ)的存在
- 須田:UIデザイナー/ゲーム・ドラムに日々没頭
- 古川:PdM/クリエイティブ部マネージャー
- 飯野:PdM/カドベヤのお兄ちゃん、ゲーム・アニメ・SEOがすき
==========================================
🔳 今週のピックアップ【タイムトリップしよう、常陸国ロングトレイルで。|茨城県】
UIデザイナー須田によるデザインコーナーvol.25。
今週の須田的ベストデザインは「タイムトリップしよう、常陸国ロングトレイルで。|茨城県」。
引用元:https://hlt.pref.ibaraki.jp/
須田(UID):
今回は「タイムトリップしよう、常陸国ロングトレイルで。|茨城県」という観光サイトを紹介します。
(縦バージョンもすてき)
長津(COO):
常陸国ってどこだ?
須田(UID):
茨城県北のハイキングコースですね。
割と水彩画っぽいイラストを全体的に使っててすてきです。
須田(UID):
通常、縦書きを混ぜるとデザイン的に難しくなっちゃうんですけど、
このサイトはキレイにまとまっていてすごいですね。
長津(COO):
ほんとだね。
須田(UID):
これ調べてみたら『Studio』で制作してるみたいなんですよね。
長津(COO):
えぇっ!これスタジオでできるの?
須田(UID):
みたいですね。
須田(UID):
すご。。これスタジオでできちゃうんだ。。
古川(PdM):
どういう感じでスタジオが活躍してるんですかね?
どういうカスタマイズをしてるか知りたいですね(笑)
須田(UID):
Re:designさんというSTUDIOに特化したチームが制作していますね。
メンバーはNEWPEACE Inc.さん、Wab Design Inc.さんがいました。
長津(COO):
そうそうたる顔ぶれだな。
須田(UID):
SP版もキレイで、ほぼ破綻してるところがないですね。
長津(COO):
スマホでもみれるんだ。
須田(UID):
縮小しちゃったイラストもちゃんと拡大表示できますね。
強いていえば、トレイルまでのアクセス表示が少し見づらかったかな?
須田(UID):
この図形は縦にできたと思うんですけど、横のままにしていますね。
長津(COO):
そこがスタジオって感じがするけどね。
須田(UID):
そうですね。しかもほとんど画像ですね。
長津(COO):
じゃあ結構いろんなところが画像なんだね。
旅程見本の部分は?
須田(UID):
これはspanで無理やりテキストを入れたり画像を組み合わせてますね。
時間の部分は、インジケーターが動いていたのでちゃんと実装してますね。
長津(COO):
すんげええええ!
旅程見本のところは、spanだからSEO的には微妙?
飯野(PdM):
多分外側にかかってますね。
全体が囲まれてるので、SEO的にも大丈夫だと思いますね。
長津(COO):
スタジオってそこまで使えるんだねぇ。
須田(UID):
スタジオ実装もすごいんですけど、大きいイラストが3枚あるファーストビューのセクション、映像体験のセクション、そしてフッターで合計大画像4枚ぐらい使ってるんですけど、特に複雑なトランジションとかがないのがすごいですね。
須田(UID):
あと、雲とか山できれいに世界観を切り替えているので、ぜひ私も参考にしたいですね。
長津(COO):
このサイトのアートディレクション・デザインをしているWab Design Inc.さんもきれいなサイトだね。
須田(UID):
そうですね。
長津(COO):
須田ちゃんってワブさんたまにデザインニュースで話題に出してくるよね。
SHIFTBRAIN inc.さんとともにね。
須田(UID):
たしかに!
企画進行プロデュースをやってるNEWPEACE Inc.さんのコーポレートサイトは、STUDIO DETAILS Inc.さんがGoodpatch Inc.さんとタッグを組んでリブランディングしてましたね。
SOTDにもノミネートされてました。
引用元:https://newpeace.jp/
長津(COO):
実力者揃いだね。
須田(UID):
この辺のディレクションとか大変なんだろうな~。でもかわいい。
長津(COO):
カドベヤHPのデザインでも参考にしたいからめっちゃ見ます!
じゃあ今日はここまで。アディオス!
〆