Job＋Hobbyを合わせてJobbyにしました
- URL
https://glow-design.site/site04/ - 担当
デザイン/コーディング - サイトの目的
自分の趣味や好きなことを仕事にしたいと考えている人、従来の求人サイトでは見つけにくいニッチな仕事を探している人 - ターゲット
趣味を仕事にしたい人 - コーディング
メインビジュアルは、PC用とスマートフォン用で画像を切り替え、視認性と表示速度を考慮しました。主要なレイアウトシステムとしてCSS Flexboxを積極的に採用しました。これにより、要素の配置、順序、間隔の調整が直感的かつ少ないコード量で実現でき、保守性の高いスタイリングを心がけました。
Jobbyワイヤーフレーム/デザインカンプ
- 使用ツール
figma - ワイヤーフレームの目的
サイト全体の情報構造、主要な機能、コンテンツの配置を定義するために作成しました。ユーザーが直感的かつスムーズにサイトを利用できるよう、情報の優先順位とユーザーフローを整理し、骨格を固めることを目的としています。 - デザインカンプの工夫点
明るく活動的なイメージの写真を選定し、ユーザーが自身の趣味や活動と重ね合わせられるような視覚的フックを用意しました。メインビジュアルでは背景画像の上にロゴとキャッチコピー、検索フォームが配置し、インパクトを与えるようにしました。メインカラーを青にし、このサイトの安心感や信頼をを表現しました。