宝石専門店のサイトリニューアル

https://reina-design.com/karatz/

仮想ホームページ

2026

デザイン / コーディング

概要

今回事業拡大における項目の追加、優秀な人材確保のための求職ページの充実化、更新頻度の向上と手順の簡略化のためのサイトシステムの見直しをしたい。

karatzのHP

【 TOPページ 】

TOPページ

【 下層 採用ページ 】

CONCEPTページ

CONCEPT

世界観を意識した洗練されたデザイン

ジュエリーの上品さを意識しました。また今回採用ページも入れたいとのご依頼だったため、働きたいと思ってもらえるような設計にしました。

制作期間
10日間
担当範囲
デザイン / コーディング
使用ツール
Figma / html / css / js / WordPress

PROCESS

目的
事業拡大における項目の追加、優秀な人材確保のための求職ページの充実化、更新頻度の向上と手順の簡略化のためのサイトシステムの見直し
課題
事業拡大に伴う、コーポレートサイト全体像を整理し直す
ターゲット
取引先企業・メディア(最優先ターゲット)、求職者(採用候補者)、一般消費者(既存・潜在ユーザー)

Point

デザイン
背景は白、余白を大きくとることで上品感、洗練された印象をもたせました。ベースカラーはネイビーでロゴカラーと統一、アクセントカラーは上品な印象となるゴールドのグラデーションを使用しました。
情報設計
上記ターゲットごとに目的や閲覧意図が異なることを前提に、 TOPページから各ターゲットが迷わず必要な情報へ到達できる導設計を行いました。
【取引先企業・メディア(最優先ターゲット】 社会への取り組みを大きく設け、信頼感や企業イメージのアップを図る。 既存のお知らせが長かったため、最新の5つだけ表示しユーザーの離脱を防ぐよう改善。
【求職者(採用候補者)】 今回のリニューアルの目玉でもある採用情報について、採用情報だけでなく、インタビュー等を盛り込み、採用後のイメージを掴みやすいように工夫。
【一般消費者(既存・潜在ユーザー)】 一般消費者はサービス内容を見ることがメインのため、離脱を防ぐためにもトップ下にサービス内容を記載しました。
コーディング
既存サイトには動きがなかったため、ふわっと浮き上がる動きや、ホバー時の変化をつけ、柔らかな世界観が出るようにしました。

REVIEW

今回クラウドワークスのコンペに応募するにあたり、デザインのご提案だけでなく完成イメージが伝わるよう、コーディングしたものをご提案させていただきました。
最終審査まで進んだものの採用には至りませんでしたが、ここまで準備してくれたことに大変感謝していただきました。
ですが、このチャンスをつかめなかったのは私の力不足であり、もっと精進しないとと思った経験でした。

トップへ戻る