ブラックトーンをベースに洗練された印象を保ちながら、地域に根ざした信頼できる販売店の姿勢を表現するデザインにしました
高級感と親しみやすさを両立した地域密着型の中古車販売・買取店のオフィシャルサイトTOPページを制作しました
●制作の背景
本制作物は、ランサーズのコンペで提案したデザイン案をもとに、ポートフォリオ掲載用に一部変更を加えたものです。実在しない団体のサイトデザインとなります。
提案にあたっては、「クール」「スタイリッシュ」「シック」というクライアント要望のトーンを意識し、高級感がですぎない地域密着型の中古車販売店としての信頼感を目指しました。
●デザインコンセプト
ブラックトーンをベースにすることで洗練された印象を与えながらも、背景にノイズを加えるなどの細かな工夫で「のぺっとした」印象や「近寄りがたい」印象にならないよう意識しました。
●配色とタイポグラフィ
配色は#222222の黒に近いグレーをベースカラーとし、メインカラーには#E2C97Fのゴールドベージュを採用。黒に対して適度なコントラストを持たせながらも派手になりすぎない落ち着いた色味で見出しを構成しました。アクセントカラーには#E0E0E0のライトグレーを使用し、黒背景でも読みやすく洗練された印象を演出しています。
フォントは見出しにLatoとNoto Serif JP、本文にNoto Serif JPを使用し、スタイリッシュさと可読性を両立させました。
●UIとインタラクション
ファーストビューでは写真部分だけがスライドする構成を想定し、高級感とスタイリッシュさを表現。グローバルメニューにはプルダウンメニューのデザインも作成し、階層構造を視覚的に整理しました。ホバー時には下にラインが引かれる動きを想定し、写真リンクはホバー時に色が薄くなる動きでインタラクティブな体験を演出しています。
●レイアウト設計
レイアウト設計はアートボードサイズ1,400px、ボディサイズ1,000〜1,200pxで制作し、動きを想定したデザイン設計により、静的なデザインカンプの段階からユーザー体験を意識した提案を心がけました。
7日
80,000 円
2026年1月4日
エンジニア経験を活かし、伝わるデザインと確かな実装をまるごとお任せいただけます
はじめまして。これまでWeb開発やサイト制作に携わってきた経験を活かし、現在はWebデザイナーとして活動しています。
2009年からエンジニアとしての経験を積み、正社員・派遣を経て現在はフリーランスとして活動しています。
フロントエンドエンジニアとして約6年の実務経験を活かし、実装を見据えたデザイン提案を強みとしています。
見た目のデザインだけでなく、ユーザー導線や実装効率まで意識した設計を心がけており、「こんなサイトを作りたいけど、何から始めればいいか分からない」といったご相談にも、丁寧にお応えいたします。
Web制作に関しては、企画段階からのご相談や既存サイトの改善なども対応可能です。
パソコン・スマートフォンの両方に対応した設計・制作が可能です。目的やご希望に合わせて、使いやすく、伝わりやすいサイトを一緒に作っていけたらと思っています。
▼可能な業務/スキル
・Webデザイン(Figma/Photoshop)
・LP/コーポレートサイトの構成・設計・デザイン
・HTML/CSS/JavaScriptによるコーディング
・UI/UX改善提案、導線設計
・デザイン〜実装までの一貫対応
・モバイル/レスポンシブ対応
▼これまでの実績
・写真館・ゴルフ施設のWebサイトでサブページのデザインを担当
・IT企業のイベント紹介ページをデザイン・制作
・起業家向けホームページをWordPressで構築し、別のデザイナーによるデザインをもとにテーマをカスタマイズして制作
▼活動時間/連絡について
できる限り柔軟にご対応させていただきます。
急ぎの案件等もお気軽にご相談ください。
連絡は基本的にいつでも可能です。
できる限り素早い返信を心がけますが、案件対応中などで少しお時間をいただく場合もございます。
ご了承いただけますと幸いです。
大学卒業後、Webに関わる仕事を中心に経験を積んできました。技術の話に偏りすぎず、クライアント様の「こうしたい」という想いを丁寧に形にすることを大切にしています。
趣味は遺跡めぐりで、一人で海外に行くこともあります。新しい文化や風景に触れることで得た感性を、日々のデザインやものづくりにも活かしています。
ご興味持っていただけましたら、メッセージでお気軽にお声がけください。
どうぞよろしくお願いいたします!