建設会社としての「信頼感」と「誠実さ」が
視覚的にも伝わるよう設計したコーポレートサイト。
ロゴカラーであるブルーをアクセントとして取り入れながら、全体はネイビーを基調に統一することで、企業イメージに一貫性を持たせつつ、安心感のある落ち着いたデザインを意識しました。
情報量が多くなりやすい施工会社サイトの中でも、必要な情報を整理しながら視認性を高めるため、
余白を活かしたレイアウトとシンプルな導線設計を採用。
また、ユーザーがお問い合わせへスムーズにアクセスできるよう、
ヒーロー通過後に固定CTAを表示する仕様を取り入れ、必要なタイミングで自然に行動へ繋げられる導線を設計しました。
デザイン性だけでなく、
企業としての信頼感や見やすさ、
お問い合わせへの導線まで考慮したサイト構成を意識しました。
制作期間：1ヶ月
担当範囲：デザイン / コーディング
使用ツール：WordPress / Elementor Pro
Photoshop / Adobe Firefly
このポートフォリオは、
制作実績を一覧で見せるだけではなく、
「どんな世界観を作れるのか」
「どのような意図でサイトを設計しているのか」が
同時に伝わるよう構成しています。
左側にはブランドイメージとなる
ビジュアルとメッセージを固定し、
「何をしているWebデザイナーなのか」
「どんなテイストのサイトが作れるのか」が
一目で伝わるよう設計。
作品実績ページでは、
作品ごとのビジュアルと説明文を切り替えられる仕様を採用。
新しいページへ遷移せずに比較できる構成にすることで、
「なぜこの構図にしたのか」
「どんな情報を優先して見せるべきか」
「ユーザーにどう行動してほしいのか」
といった設計意図まで自然に伝わるよう制作しています。
見た目の印象だけで終わらせず、
情報整理・導線設計・ブランド表現まで一体で考えた
ポートフォリオサイトです。
制作期間：1ヶ月
担当範囲：ブランディング / デザイン / コーディング
使用ツール：WordPress / Elementor Pro
Photoshop / Illustrator / Adobe Firefly
Little Marinは、「子どもへ贈る、人生で初めてのラグジュアリーギフト」をコンセプトに企画・制作した、架空のキッズコスメブランドサイトです。
子ども向けコスメ市場を調査する中で、手頃な価格や遊び心を重視した商品が多い一方、大切な記念日に選ばれるようなラグジュアリーなブランドが少ないことに着目。
誕生日やクリスマスなどの特別な日に、子どもにも“本物のラグジュアリー体験”を贈れるブランドを想定し、ターゲットやブランドコンセプトからWebサイトの構成・デザインまで設計しました。
コスメそのものの色や質感を主役として見せるため、サイトのベースカラーにはブラックとオフホワイトを採用。背景の色数を抑えることで商品カラーを引き立たせ、余白を広く取ることで、子ども向けでありながら上質さを感じられるデザインに仕上げています。
また、Collection・Story・Gift・Reviewsと情報を順序立てて配置し、ブランドのコンセプトを伝えたうえで、商品の魅力やギフトとしての価値へ自然につながる構成にしました。
「誰に、どんな価値を届けるブランドなのか」を企画段階から考え、コンセプト・情報設計・ビジュアルに一貫性を持たせて制作したブランドサイトです。
制作期間：1ヶ月
担当範囲：ブランディング / デザイン / コーディング
使用ツール：WordPress / Elementor Pro
Photoshop / Illustrator / Adobe Firefly
