GAOGAOはソフトウェアエンジニアの事務所として開発受託も行なっております。
開発の受託には立ち上げのコンサルティングからWebシステム開発、アプリ開発、コーポレートサイト制作など多岐に渡りますが、今回の記事ではお客様事例紹介の第一弾として、ストックマーク株式会社様のコーポレートサイトリニューアル案件について取り組みをご紹介いたします。
開発案件の概要
StockMark Inc. | AIでチームの潜在能力を掘り起こす
https://stockmark.ai
創業メンバーが東大卒のAIベンチャーであるストックマーク株式会社様は高度な機械学習ナレッジを活用したB向けの情報共有ソリューションを提供しているスタートアップ企業です。
最近はtechcrunchにもサービス紹介がされて勢いのある会社です。
ストックマーク社の以前のウェブサイトは創業メンバーが当時ウェブサイト制作ツールを使って片手間で公開していたものでした。テンプレートをブラウザでいじるといった制約の強いツールで作成していたため、デザイン性やコンセプト紹介、メンバー紹介のクオリティなど、そこまで高いものとは言えませんでした。そこでストックマークの担当者からGAOGAOへゼロから新規でコーポレートサイトの立ち上げを依頼がきました。
上のリンクで紹介しているコーポレートサイトがGAOGAOが開発したリニューアル後のウェブサイトです。
GAOGAOが行なったこと
GAOGAOが今回の案件で特に力を入れた点は主に4つあります。
– メンバーを魅力的に見せる
スタートアップにおいてはやはりチームの人材がとても大切。その魅力を存分に伝えられるように、チームメンバーページはかなりこだわりが入っています。
・チームメンバーの紹介写真は統一感を出し、一覧では文字を無くしチームワークを強調する
上記のように一覧ページではテキストを表示せず統一感のある写真を並べることによりチームワークの高さを表現しています。
クリックした際には以下のようにホバーで紹介文が表示されます。
・動画を活用してサイト訪問者に会社の雰囲気を伝える
チームページでのファーストビューには動画を設置しました。訪問者に会社の雰囲気を伝えられるように工夫しています。
– 独自の世界観をできる限り実現する
アイコンやUIデザイン自体の制作はストックマーク株式会社のデザイナーの方が担当しました。その方はエンジニアではないため、GAOGAOの開発チームでは実際にコーディング可能かどうかのレベルに一度落とし込む必要があります。
例えば、トップページに関してカラフルなオビのような三角形のデザインを固定ヘッダーとは別にスクロールされるように実装したい、など少し高度なデザイン調整も行いました。ページ間の遷移にアニメーションをつけたいという技術的に高度な要望などに関しては、プロタイピング -> 評価を行いました。結果、最終ユーザー評価で導入されなかった項目もありましたが、クライアント様とインタラクティブにコミュニケーションを取りながら開発を進め、品質を高めていきました。
– 今後の運用をクライアント様だけで行えるようにする
今回の実装はwordpressで行なっていますが、以下の点を配慮して、開発終了後にはストックマークの担当者様だけでサイトの運用ができるようにしています。
- メンバーの追加を管理画面でできる
- 新規サービスの追加も管理画面でできる
- News記事の更新も管理者が簡単に行える
- 表示されるラベルを管理画面で全て変更できる
- 読み込む画像・動画URLを管理画面で変更できる
運用担当者への引き継ぎ手順を送付し、公開後GAOGAOの開発担当者が追加で作業すること無しに、担当者の方が独自で記事や情報の更新を行なっています。
– サイトのパフォーマンス向上
ウェブサイトのパフォーマンスもユーザーの体験として非常に重要なポイントです。
- JS/SASSアセットをきちんとビルドする
- 画像を圧縮する
- 不要なリソースの読み込みを無くす
- http2によるネットワーク接続を行う
などの施策を入れて、以前のコーポレートサイトの倍以上の体感速度で提供することができました。
クライアント様の声
2018年11月に新コーポレートサイト公開後、早速いくつかのフィードバックをいただきました。
- 表示が速くなりストレスがなくなった
- 企業からの信頼を獲得しやすくなり、ウェブサイト経由の問い合わせも増えた
- エンジニア採用のための面談の導線を獲得できた
早速、事業の売上、採用に良い影響が出たようです。GAOGAOとしても引き続きクライアント様の事業の成功に貢献していきたいと思います。
まとめ
今回はコーポレートサイト制作の事例を紹介しました。このようにGAOGAOは企業様向けのサービスにも力を入れておりますので、開発依頼にご興味のある方は support@gaogao.asia までぜひご連絡をお願いします。
開発委託ではなく、エンジニア採用にお困りのお客様へ支援も行なっておりますので、そちらも興味がある方は連絡をお願いします!
