Career Service / UI Renewal
レバテックキャリア
career.levtech.jpITエンジニア・クリエイター専門の転職支援サービスです。サイトリニューアルに伴い、Desktop・Mobile向けのUIデザインとHTML/CSSコーディングを担当し、再利用性の高いUIコンポーネント設計にも取り組みました。
Work Scope
担当した領域
01 / Site Renewal
サイトリニューアルUI設計
転職支援サービスとして必要な情報を整理し、求職者が求人・支援内容を理解しやすいUIへ刷新しました。
- Desktop向けUIデザイン
- Mobile向けUIデザイン
- 求人・サービス情報の画面整理
- リニューアル方針に沿った画面制作
- 制作・提案したアウトプット
- Desktop UI、Mobile UI、主要ページデザイン。
- 担当したこと
- 転職検討中のユーザーが必要な情報へ到達しやすいよう、情報量と導線のバランスを調整しました。
02 / Component Design
再利用しやすいUI設計
アトミックデザインの考え方を取り入れ、複数ページに展開しやすいUIコンポーネントを整理しました。
- ボタン・カード・フォームなどのUI整理
- 再利用可能なコンポーネント設計
- ページ間での見た目と操作性の統一
- 運用時に崩れにくいUIルール作成
- 制作・提案したアウトプット
- UIコンポーネント、パーツルール、画面展開パターン。
- 担当したこと
- 制作効率と品質を両立できるよう、ページ単位ではなくサービス全体で使い回せるUIの形に整理しました。
03 / Implementation
HTML/CSSコーディング
デザイン制作だけでなく、HTML/CSSでの画面実装にも関わり、デザインと実装の間にある細部を調整しました。
- HTML/CSSコーディング
- レスポンシブ表示の調整
- 実装時の余白・文字サイズ調整
- 画面品質の確認と修正
- 制作・提案したアウトプット
- 実装HTML/CSS、レスポンシブ画面、実装調整。
- 担当したこと
- 実装可能性を意識しながらUIを設計し、最終的な画面品質まで見ながら調整しました。
