ミニマルな動きが気持ちいいサイト「ALECTIA」 | POP1280
alectia_

DESIGN

ミニマルな動きが気持ちいいサイト「ALECTIA」

  • ARTICLE - No.20
  • issue-2015.7.8   
  • 2,430 views

Posted by Keisuke Aratsu
POP1280

今日紹介するサイト「ALECTIA」、実はこのブログを構築しているときに参考にしようと思っていたデザインの一つです。ちなみにデンマークのコンサルティングカンパニーだそう。トーンが緑と濃いグレーと白で統一されていてクールでもの静かな装いを持ちつつ、サイト内のアニメーションも派手ではなく、全体のトーン&マナーがきちんと守られているなと感じていてミニマルかつ読み物を意識させるデザインはブログサイト作るときのヒントには持ってこいだなと思ってました。

アニメーションが気持ちいい

ブログの再構築を始めた当初、いろんなデザインを見てどんなものにしようか構想を練っていました。
そこでこのサイトを見つけたんですが、デザインがいいなと思った事とサイト内のアニメーションがかかっている箇所が多いのに、その一つ一つが控えめな動きをするので見ていて凄く気が利いてるなと思いました。
実際に矢印やテキストが左右に動く様子やナビゲーションにマウスオンしたらニョロニョロっとボーダーが出てくる動きは控えめだけど見ているユーザーにアピールできるし、何よりも言うほど大げさではないのがとても好感が持てた。
唯一大げさと言えるのはページ遷移する際の左右のスライドアニメーションくらいだと思う。僕はそこまで大げさだとは思わないけど。
大げさなアクションやアニメーションで気を引くサイトも多い中、このアニメーションは個人的にとても取り入れたいと思ったし、このレベルならサイト訪問してくれる方もうざったく感じないだろうと思い、よく見ていたサイトの一つでした。

自分たちの事を伝える

このサイトのいいところはアニメーションが控えめなところだけではなく、見る人に静かに訴えるところだと思う。
コンサルティングカンパニーなだけに、信頼感が武器になるところも多いだろうから整然としたサイト設計(気をてらった目を引くだけのデザインはしない)をしていて、見て欲しいところ(記事部分など)は白いエリアを作ってテキストを読みやすくしている。
メインビジュアルも無く、サイトを開いたらいきなり記事が飛び込んでくるので、イメージを伝えるよりも実際に自分たちがどんな事をしているか分かってもらう事が狙いなんだと思う。
これはサイト訪問したユーザーの事を考えて作られた親切かつ伝える為のデザインだと感じた。

実際にこのサイトのどこを参考にしようとしたかというと、上でも触れたように矢印やテキストが左右に動くアニメーションの部分なんだけど他のサイトなども見つつデザインを進めていくうちにそういうアニメーションが不要なサイトになってしまったので今回は割愛しました。
設計も良かったので参考にしたかったけどこれも他のサイトをたくさん見ていくうちに考えも変わっていったので不採用となった感じ。
でもこのサイト、今でも好きなのでブックマークしてるし次に何か作る時は参考にするかもしれないのでその時はよろしくお願いしますという気持ちです。

ALECTIA

LATEST_

ABOUT ME_

アラツ ケイスケ :
福岡県糟屋郡志免町在住。畑で野菜を育てて生きていきたいwebデザイナー。嫌いなものはクチャラー。1984年10月生まれ。昨年三十路デビューしました。音楽とB級映画をこよなく愛す一面、垂れ流すだけで何を聞いたか観たのか全く記憶にないこともしばしば。(大抵寝落ちしてるか、本を読んでます。)
このブログでは自分が書きたい音楽の事やデザインの事、福岡の事を好きなように書いて行くつもりです。記事掲載のご相談も受け付けますのでどうぞお気軽に。随時受け付けます。僕がバテあがってたらお返事までお時間掛かると思いますが悪しからず。

→CONTACT