ご依頼の概要
URL:https://atlas-group24.com/
| 依頼種別 | ホームページ制作・作成 |
|---|---|
| 業種 | 医療・福祉 |
| 制作期間 | ５ヶ月 |
| 参考価格 | 11,000,000 |
※制作期間は、プロジェクト開始日から依頼完了日までの大まかな期間で、待機期間も含まれます。
プロジェクトパートナー
- オーナー＆実装：仲川（私）
- Webディレクション：株式会社ユニマ（https://unima.co.jp/）
- Webデザイン：伊藤文デザイン事務所（https://itobun-design.com/）
制作コメント
実装担当
技術的に挑戦した点
編集機能にカスタムブロックを積極活用し、現在のWordPressのトレンドに沿う形としました。
また閲覧環境の浸透率を考慮した上で、「:has()」などのCSSの新機能を積極的に使用し、効率的にコードを記述するよう心がけました。
工夫した点
画像フォーマットは基本的にwebp形式を採用し、jpegやpngの方がサイズを抑えられるものはそちらを使用しました。
またメインビジュアルなどの優先度の高い画像以外は、loading=”lazy”とdecoding=”async”を指定し遅延読み込みでページ表示速度が遅くならないように注意しました。
CSS設計”PRECSS”を採用し、スタイルコードが混沌にならないように注意しました。
Webデザイン担当
特に力を入れた要素や工夫した点は何ですか？
｢整骨院」というサービスをご提供されているクライアント様のサービス内容を訴求するサイトではなく、｢コーポレートサイト&採用サイト」というご要望をいただき、デザインコンセプトとしては「誠実な企業」や「活気ある仕事環境」と言ったクライアント様の企業イメージを意識したコンセプト構築しました。
企業紹介をするページと採用情報のページでデザインを変え、目的の違うユーザーそれぞれにメッセージが正しく伝わるように意識してデザインをしました。しかしながら、1つのサイトであるという認識も持ったもらうため、配色などで統一感がでるような工夫をしています。
こちらのクライアント様は社員様の年齢層が若く、とても活気ある職場という事で、実際の社員様の写真を多用しリアルな現場感を出すことで、UXの向上も図っています。 情報をしっかりと伝えるページは整然かつ誠実に、また仕事環境の良さや活発さを伝えるページは充実感・やり甲斐と言った、それぞれのユーザーが求めているコンテンツをストレスなく閲覧できるよう工夫をしています。
クライアントのブランドイメージをデザインに反映するために工夫したことは？
クライアント様が提供されているサービスは「人と人が触れあうサービス」という所を意識し、企業イメージは勿論ですが、そこで働く「人」の人柄や仕事の様子をしっかりと伝え「企業イメージ＝人材」という部分を意識して、写真素材の選定や加工、レイアウトなどを注意して作成しました。
ユーザー視点を重視したデザインをどのように実現しましたか？
ユーザーが求める情報を正確かつ理解度を高く伝えるため、また閲覧時のストレスを低減させるために、写真素材の使い方やレイアウト、フォントサイズなどを細かく注意しています。
特に求職者にとっては職種や待遇だけでなく、仕事環境や人間関係など入社してみないとわからない不安が多くあるため、その部分での不安がなるべく解消されるよう、写真の選定やレイアウトなどデザインの工夫を意識しています。
本プロジェクトで得たインスピレーションや新しい技術的挑戦について教えてください。
違う目的を持ったユーザーへの訴求を1つのWebサイトで実現するための試行錯誤もあり、デザイン面での工夫や挑戦が多々ある案件でした。
写真の選定や加工方法、またレイアウトや配色・フォント選定など、デザイン構築の様々なシーンでクライアント様やその先のユーザーの「受け取り方」を意識しデザインをする事ができました。
NaraWebではサイトリニューアル案件に対して、より広い範囲をカバーするために、専門領域のメンバーを加えたチーム対応を提案させていただいております。
現在、運営されているサイトに課題を感じていて、ご興味をお持ちになりましたら、お気軽にご連絡ください。