乃木坂46の公式サイトのリデザインで学んだこと｜Miyu Otsuki

先日、ふとしたきっかけで乃木坂46の公式サイトをリデザインを思い立ち、スキルアップの一環も兼ねてトップページをリデザインをしていました。 そのリデザインから学んだことなどをブログに書きたいと思っていたのですが、公式サイトに掲載されているコンテンツの著作権上、なかなか難しいかなと思い、念のため乃木坂46の運営委員会に問い合わせてみたところ、営利目的でなければ使用しても大丈夫（ブログの掲載も可）との許可をいただいたため、こちらに書くことにしました（2/9 16:43：問い合わせの内容は、公式サイトのお問い合わせフォームから送信したため、画像の添付などはしていません。コンテンツの掲載許可は頂きましたが、運営委員会に直接デザインデータを送ったわけではありません）。 なぜリデザインをしたいと思ったのかもともとアイドルが好きで、アイドルグループの公式サイトをチェックする機会が多いのですが、乃木坂46の

[tanimiyan]

すごくいい試みだ。そしてこれにOK出してくれた乃木坂46の運営の方に拍手

[i5s4y]

最近のWebデザインは全部こんな感じよね。ワンカラムレイアウトでトップはスライダーでフラットデザインでできるだけCSSで表現して、っていう。レスポンシブとかWordPress組み込むことやら考えたらもうこうなるしかないね

[porimern]

きちんと公式とやりとりしてる風景が良い

[pure_flat]

自分はさほど見づらさを感じていないが、それは4年くらい見続けていて文脈を理解していたからだと、これを読んで理解した……／乃木坂46運営はデザイン系はかなり寛容。

[ronck]

グローバルナビはもう少し整理した方がいいかなー。 ただここ整理するとなるとサイト全域の設計し直しだから勉強にしてはヘビーになっちゃうけど。

[KENSHIN_TANAKA]

これいい勉強法だな

[mobojp]

これデザイン系の学生は凄く参考になると思う。

[ituka-m]

凄く見やすくわかりやすくなってる、乃木坂好きなので嬉しい サイトに限らずデザインのいい勉強になった

[ene0kcal]

前から公式サイトは時代感が古くごちゃごちゃしていると思っていたので、リデザインの方がスッキリとして好き。あとはスマホ版もやってみて。

[puzzeljp]

いい〜

[ytRino]

微妙かなあ それこそ大学とかなら良いんだろうけど

[silverscythe]

半分くらいいい話だけどスマホのスの字も出てこない

[hhungry]

結局、日本だとスタイリッシュよりインパクトが好まれて楽天デザインになっちゃうんじゃないかな。

[hitode909]

“単に見栄えのために何の気なしに英語表記を併記してしまうことがあるため、本当に併記が必要なのかを考えるきっかけになった。”

[kyokosohonne]

スタイリッシュになっててかっこいい

[GiveMeChocolate]

うーん…………………………………

[nokogiring]

素晴らしい。メンバーのブログとMVの箇所が特に良いと思った！AKBグループだとSTU48の公式は最近作られたこともありすっきりしててかつちょっとギミックがあって良いよ。

[cocodrips]

よい

[sukeroc]

良い

[yoshi-na]

いいね

[Wafer]

公式はチョイダサいが実用的。リデザインは希薄で空虚。読む価値は公式とのやりとり以外になし。

[xxxxxxxxlarge]

ぜひともSP版もやってほしいところ

[azal]

これはちゃんと公式とやり取りしていそうですね。

[aienstein]

ファンが見たいものと運営が見せたいもののバランスは難しいと思う。ブログと最新情報のプライオリティとかね。現行サイトはスマホで見るとタップエリアが小さい文字中心のpc先行デザインでちょっと古いと思う。

[kuroaka1871]

リデザインは勉強になる

[razokulover]

“最後に、乃木坂46運営委員会の方々、コンテンツの掲載の許可を頂きありがとうございました。”

[takkpapa]

面白い。

[htenakh]

「大学や教育機関のサイトを参考にしながらデザインをしていたのですが、これらの分野のサイトには情報設計のノウハウが詰まっていて、参考になることが多かったです」

[TTTT2]

“た。”

[ga_kun]

見比べるとバナーのカラフルさが統一感の邪魔をしてるのがわかる。

[closer]

欅坂の公式っぽいなと思って今の欅坂の公式見て来たら前よりごちゃごちゃしてきてた。