サイトリニューアルとセキュリティ向上: 東京横浜独逸学園

Deutsche Schule Tokyo Yokohamaについて

横浜にある東京横浜獨逸学園(DSTY)では、東アジア地域で一番歴史の古い在外ドイツ学校(全日制)です。1904年に横浜で設立され、1905年5月正式に開校しました。
政府認定の在外ドイツ学校であり、「優秀在外ドイツ学校」認定証を取得している当学園では、ドイツのカリキュラムに沿った授業を行い、ドイツの一般教養系学校の各種卒業資格(基幹学校・実科学校卒業資格、一般的大学入学資格(ドイツ国際アビトゥア))が取得できます。

プロジェクト概要

お問い合わせをいただいた当初、サイトはインターナショナルスクールらしいシンプルなデザインでしたが、編集の自由度が低く、管理や更新も手間がかかる上、言語切り替えボタンもユーザーにとって十分に使いやすいものではありませんでした。そのため、mgnではWordPressのブロックテーマを活用することをおすすめしました。

今回のリニューアル目標

  • フレンドリー&モダンデザイン
  • 機能的なシステム
  • 信頼性のあるセキュリティ
  • 簡単なナビゲーションと管理

まず、サイトのコンテンツを整理し、必要な情報が訪問者にとってアクセスしやすいように構造を再編成しました。その後、全体のコンテンツとデザインについてクライアントと綿密に打ち合わせを重ね、必要な箇所をすべて更新し、最終的な完成形を確認しました。

ブロックエディターとブロックテーマの活用

編集と管理の自由度を高めるため、ブロックテーマを採用しました。
また、クライアントがブロックエディタを使いこなせるように、分かりやすいマニュアルを作成し、途中の操作をガイドしました。

モダンなデザイン

クライアントのご要望に応じ、親しみやすくモダンな外観にデザインを一新。既存のテーマカラーを活かし、ユーザーフレンドリーでダイナミックなサイトを目指しました。

言語翻訳機能

前のサイトでは翻訳機能が十分に活用されておらず、クライアントが望むイメージに合わせて、自動翻訳と手動翻訳の機能を実装しました。クライアントが重視するページには手動で翻訳を追加し、それ以外のページは自動翻訳されるように設定しています。


インタビュー

背景

Q
今回、Webサイトをリニューアルすることにした理由は何でしたか?
A

リニューアルを決めた一番の理由は、以前のシステムにセキュリティの問題があったからです。より安全なシステムに移行したいと考えていました。また、訪問者に良い印象を与え、当校の概要を分かりやすく、使いやすいモダンなデザインにしたいと思ったことも理由の一つです。

Q
mgnのことはどのようにしてお知りになったのでしょうか。
A

実は、英語でプロジェクトを管理できる会社を見つけるのに苦労していました。そんな中、知人がmgnを紹介してくれて、私たちのニーズに合った会社と出会うことができて本当に助かりました!

期待と結果

Q
このプロジェクトを通じて達成したいと考えていた目標や、希望は何でしたか?
A

第一の目標は、管理と更新がしやすく、最新のセキュリティ標準に対応したウェブサイトを作ることでした。また、優れたユーザー体験を提供できるモダンなデザインも期待していました。

Q
当初、解決したかったことや達成したかったことは、達成されましたか?
A

はい、とても満足しています!特に、手動と自動でコンテンツを組み合わせるという私たちの要望を実現していただいたことには感謝しています。これにより、全ページを手動で翻訳する必要がなくなり、母国語を話さない方にも当校の情報をわかりやすく届けられるようになりました。また、セキュリティの問題も解決され、サイトを安心して更新できるようになりました。WordPressのコンテンツ管理も以前と比べて格段に使いやすくなり、大きな改善を実感しています。

プロジェクトの進行とmgnとの協力

Q
mgnとのコミュニケーション・業務の進行についてはいかがでしたか?
A

非常にスムーズに進行しました。私たちはウェブサイトや制作についてあまり知識がなかったのですが、mgnがリードして各段階で必要なデータや情報を案内してくれたので、滞りなくプロジェクトを予定通りに開始することができました。

また、ウェブサイトのベースがドイツ語であるため、開発中でもページ内容を更新できる素晴らしいソリューションを提案してもらいました。自分たちで細かい変更を加えられ、必要に応じてサポートを受けられるのは非常に助かりました。このアプローチのおかげで、新しいサイトシステム(WordPress)に立ち上げ前から慣れることができ、二度手間なく直接更新ができました。

プロジェクトの進捗や内容を把握するために、スプレッドシートやチャート、フォルダーといった書面でのメモやデータの提供も役立ちました。ミーティングノートは、社内のチームと進捗を共有し、さらに話し合うために有効でした。

Q
mgnの働き方で気に入っている点、役立っている点はありますか?
A

mgnはいつも私たちの要望に丁寧に耳を傾け、異なるアプローチを提案してくれました。たとえば、ダークモードの配色や自動言語切り替え機能など、私たちのニーズに最も合うオプションを比較して選ぶことができました。各ソリューションの長所と短所を率直に説明し、要望に応じた最適な選択を一緒に検討できたので、サイトにとってベストな方法を選べたと感じています。

さらに、デザイナーと直接話し合い、要望を伝えられたことも、ミスコミュニケーションを減らす上で非常に重要でした。私たちのイメージを直接伝えることで、考えをしっかりと共有し、イメージの確認ができたのは大きな助けになりました。デザイナーに私たちのイメージを十分に伝えることができ、お互いの考えを確認することができました。

ダークモード:左/ライトモード:右

満足度と改善点

Q
サービスの満足度は1〜5だといくつになりますか?さらに良くするためのアドバイスがあれば教えてください。
A
満足度は
5.0

全体的に問題はありませんでした。ただし、改善点を挙げるとすれば、立ち上げのタイミングや、(こちら側の)特定のメンバーが必要かどうかといった、立ち上げまでのステップをもう少し細かく明示していただけるとより良いかもしれません。今回はドメイン設定の変更もお願いしていたため、こちらから手の空いているメンバーに連絡を取れましたが、事前に調整できればより安心でした。

コスト、サービス、サポートについて

Q
お見積りを見た時の、価格に対する印象を教えてください。また、プロジェクトが終わった今、それは変わりましたか? 
A

mgnの提案は非常にリーズナブルでした。他にも同じ価格帯のオファーがありましたが、mgnは私たちの期待や技術的な要件を深く理解するために、時間をかけて詳細なヒアリングをしてくれました。その結果、プロジェクトは提案された予算内で無事に完了しました!

コストと仕上がりのバランスも良く、クオリティも非常に高かったと思います。mgnを選んだことが最良の選択だったと確信しています。

見た目にも中身にもこだわりたいWebサイト制作はmgnへ

  • お客さまと会話を重ねながら、よりよいものを一緒に作っていくことを得意としております
  • コンテンツを豊かにするためのご要望も、ぜひお気軽にご相談ください