こんにちは、株式会社MATESエンジニアの有川です。
現在拡大フェーズのMATESでは、Instagram運用代行、WEB制作、店舗コンサルティングといったサービスを行っています。

今回は、僕達が制作を担当したサイトを例に、METASエンジニアの業務内容を具体的にお伝えします。現在エンジニアを募集している会社は多くありますが、その中でもぜひMATESで一緒に働きたいという方と出会えればうれしいです！

MATESの制作実績

現在、50社ほどのWEB制作実績があるMATES。コーポレートサイトから採用サイトまで幅広く制作しています。ただ単にサイト制作をするのではなく、企業サイトの現状把握からコンセプト立案、デザイン制作から開発までワンストップで実行致します。

制作実績を一部ご紹介いたします！

株式会社MATES コーポレートサイト

人材紹介サービス「Eureka」

美容院brace 奈良店舗専用リクルートサイト

補助金オフィス コーポレートサイト

中井エナジーテック リクルートサイト

制作の流れ -実際に制作したサイトを元に、流れや工夫している点を具体的にお伝えします！-

WEB制作は「キックオフミーティング・リサーチ・サイトの構成設計・ワイヤーフレーム作成・デザイン制作・コーディング・公開」という流れで進めるのが基本です。

今回は、人材紹介サービス「Eureka」のサイトを例に制作過程をご紹介します。

1.キックオフミーティング

営業担当が契約を頂いた案件に対し、クライアント様とキックオフミーティングを行うところから制作部門が担当しています。

なぜサイトを制作しようとしているのか、どういうサイトが希望なのか、ディスカッションをしながらクライアント様の希望しているものを理解していきます。

「Eureka」では、

• 転職希望者の集客
• ターゲットに伝わる情報設計
• オーガニックでも集客したいのでSEOあげたい

といった要望があることを伺いました。

また、サイト制作の工程管理含むディレクションも行いますので、スケジュール通りに質の高いサービスを納品することも仕事の一つとなります。

ガントチャート(工程管理表)

2.リサーチ / 競合分析

制作前に、競合他社のページの作りや狙う検索ワードの月間ボリュームなどを調べます。

MATESはマーケティング会社ですので、ただ単にサイト制作をするのではなく、企業の現状を把握した上で、サイトに求める目的をしっかりと定め、目的に沿ったデザイン設計から開発までをワンストップで実行いたします。その目的に沿ったデザイン設計をするための根拠を集めるのがこちらの過程になります。

同じ目的、似たような目的で作られているサイトの構成はどうなっているのか、競合他社はどのような目的で、どういう構成で作られているのかを洗い出します。

Eurekaでは、競合4サイトの構成を洗い出しました。

実際の競合分析シート。こちらを徹底的に行うことで、サイトの方向性を明確にし、唯一無二のサイトへと昇華させます。

3.サイトの構成設計

リサーチを元に、サイト内に掲載するコンテンツを決め、ページ数を決定。カテゴリ別に分類し、ディレクトリを決定します。

「Eureka」の場合、リサーチ・分析と先方の思いを考慮した結果、トップページに関しては、メインビジュアル、サービス内容、取り扱い求人数、取扱求人会社のロゴ一覧、サービスのフロー、コラム、担当キャリアアドバイザー、よくある質問、公式ラインへのリンクのコンテンツに決まりました。

4.ワイヤーフレーム作成

各ページのどこに、どんな内容を掲載するかを決め、クライアントと認識を合わせます。「ここにはこんな文字を載せる」など、おおよその完成イメージができる程度に具体的にしていくフェーズです。

5.デザイン制作

ワイヤーフレームを元に、デザイナーがデザインを制作します。Figmaを使用し、デザイン、文章など複数パターンをこの時点で用意します。

実際のFigmaの画面

「Eureka」の場合、求人取扱数２万件以上というのが強みでもありましたので、その部分が強調できるように、４行にして交互にスライドしていくデザインを工夫しました。

求人取扱数を強調している箇所。ロゴが左右にスライドし、動きを持たせています。

6.コーディング

デザインの先方チェックが完了したら、コーディングを行います。コーディングに関しては、毎回px単位でデザインとズレがないように行うことを心がけています。

7.公開

すべてのコーディングを終えたら、コンテンツの内容や動作に問題がないかをチェックを行います。クライアントにも確認していただき、すべて完成したらサイトを公開します。

MATESのエンジニアならではの魅力

MATESのエンジニアの魅力は、「クライアント様とコミュニケーションを取りながら、要件定義から携われる点」と「マーケティングにも携われる点」です。

MATESで制作しているサイトはほぼすべて自社請けですので、お客様と直接コミュニケーションをとりながら、求めているものをくみ取り、形にしていきます。大手のWEB制作会社やSESでは、二次請け・三次請けの業務割合が高いのが一般的だと思います。すると、"言われたものを、決められた期間で作るだけ"の働き方になってしまうのではないでしょうか。その点MATESではお客様との距離が近いからこそ、要望に合わせて柔軟に対応することも可能です。お客様から要望があっても、より良い方法がある場合にはこちらから提案することも。一緒により良いものをつくるパートナーとして、モチベーション高く働くことができます。

また、WEB制作を通じてマーケティングにも関われるのはMATESで働く良さの一つと言えます。エンジニアとしてサイトを作って完成させることは、クライアント様の事業成長のための手段にすぎません。カッコイイサイトを作って終わりではなく、そこからどのようにして求めている成果を出せるかが大切です。最近では採用ページの制作依頼が増えており、サイト改善などを通して実際に採用につながるように継続的に事業成長の一助になれるよう取り組んでいます。エンジニアとしての業務を通してマーケターとしての視点も養えるのは、今後のキャリアに必ずプラスになると思います。

MATESでエンジニアとして働く上で覚悟してほしいこと

MATESで一緒に働くエンジニアに求めることは「やり切る姿勢」です。

答えがないビジネスの世界で、技術や時間の制限がある中、お客様の想いを形にするのは一筋縄ではいきません。思考をめぐらせ、周りの力を借りてでもお客様に納得していただけるものを作らなければなりません。「できません」では終わらせられない仕事だからこそ、自身で解を見つけなんとか着地させる力が必ず必要となってきます。

逆に、それさえできれば裁量は大きいですし、自由度高く働くことができる環境だと自負しています。エンジニアという立場に縛られることなく自分から担当業務の幅を広げ、お客様とMATESの事業成長に携わりたいという意欲のある方からの応募をお待ちしています！

※2024年2月1日より株式会社MATESは株式会社メイトへ社名を変更しております。