この度、株式会社ハナシパナシ(ハナパナ)の公式サイトがリニューアルしました!!
というわけで、ハナパナがサイトをリニューアルした経緯とサイトのデザインについて、簡単にですがご紹介したいと思います。
目次
きっかけは事務所移転で心機一転!…だけじゃない!?
前回までは、「新事務所へのオフィス移転ブログ」を全5回のシリーズでお送りしてきました。
【引越しブログ#1】堺東へお引越し!まだ何もない新オフィスへ移転するハナシ!
⌇
【引越しブログ#5】クセがすごい!ぶっとんだデザインのエントランスが完成したハナシ!
何もない空間から壁の設置、PCやデスクなどの備品の搬入、ぶっとんだデザインのエントランスまで紹介してきましたが、ハナパナが新しくなるのはオフィスだけじゃありません!
なんと、開発チームや業務・取引先が世界規模に拡がりました!
現在、ハナパナではシステム開発やAIを活用した事業に力を入れているのですが、世界各国の企業とグローバルな取引や海外チームと連携した開発などに取り組んでいます。
それにともなって採用活動も強化! 新しいスタッフの採用によりできることが増えただけでなく、さらに社内の雰囲気も賑やかになりました!
募集中の職種や応募要項など、詳しくは下記の採用ページをご確認ください。
ハナパナ公式サイトをリニューアル!
新事務所への移転、世界各国の企業・チームとの取引や開発が始まったことをきっかけに、「公式サイトもリニューアルしよう!」ということで、基本は以前の可愛くPOPなデザインの雰囲気を残しつつ、パワーアップさせることになりました。
もちろん、“採用活動の強化”やハナパナ自体の“ブランディングの効果”を狙っての施策も兼ねています。 ただそれ以上に、実際にデザイナーから上がってきたデザインを見ると、そのビフォーアフターからパワーアップ度合いが見て取れます。
では実際にご覧ください。
まず、以前のデザインがこちら。
リニューアル後のデザインがこちら。
今回、ホームページのファーストビューからデザインががらりと変わっていますが、他にも大きく変わった箇所があるのでご紹介していきます。
ローディングアニメーションが可愛く進化!
※再生ボタンを押すとアニメーションが再生されます。
ハナパナのホームページを開いた際に表示されるローディングアニメーションが変わりました。
ハナシパナシ(話しっぱなし)をイメージした吹き出し風のキャラクターが登場した後に、会社ロゴが表示されます。
グローバルなイメージと各国の時刻表示を追加!
リニューアルで新たに追加した内容として、グローバル/ワールドワイドになったハナパナをお伝えするために、横に流れる各国の写真に加え、写真の上にマウスカーソルをホバー(スマホならタップ)することで、時刻が表示される仕掛けを作りました。
これにより日本との時差も一目でわかるようになりました。
事業案内のデザインを一新!
ハナパナの事業案内のデザインも新しくなりました。
サービス名の上にマウスカーソルをホバー(スマホならタップ)することで、簡単なサービス内容が表示されます。
サービスイメージも以前までは写真だったものが、今回は新しくイラスト化されました!
採用情報のボードを追加!
これまで採用情報はテキストのみでの表示でしたが、ボードに募集職種のカードが貼り出されているようなデザインが追加されました!
こちらも各募集職種のカードの上にマウスカーソルをホバー(スマホならタップ)することで色が変わり、イラストが動く仕掛けになっています。
採用ページもプチリニューアル!
これまでの採用ページでは、公式サイトとは別の雰囲気を持った採用LPとして制作していましたが、今回のリニューアルに合わせて雰囲気が合うようにデザインを調整しました。
この記事のスタッフアイコンがイラスト化されているのは、実はこの採用ページで使っているイラストが元になっています。
良ければご覧ください。(採用も募集中です!)
まとめ
今回は、ハナパナ公式サイトをリニューアルした経緯とデザインの一部をご紹介しました。
紹介できなかった部分も、リニューアル前と構成は同じまま、今回のデザインの雰囲気に合うように調整しています。
いろんな意味でクセが強い会社ですが、IT企業では他に見ない可愛いデザインの公式サイトに仕上がり、スタッフみんな気にいっています。
お客様にも好評で、堺市をはじめ、大阪の企業様から新規でサイト制作およびリニューアルのご依頼・お問い合わせをいただくことも増えました。
事務所の移転、公式サイトのリニューアルで社員一同、心機一転これからも邁進していきます!
シン・ハナシパナシとして、今後も引き続きよろしくお願いいたします。