Profile

Skills

Design
Adobe XDPhotoshopIllustratorFigma
Coding
HTMLCSSJavaScript(jQuery)
Accessibility
AA準拠サイト制作Semantic HTMLARIA実装

デザインだけでなく実装まで見据えながら、
使いやすさや伝わりやすさを意識したWeb制作を行っています。

UI設計からコーディングまで一貫して携わることで、
デザインの意図が正しく伝わる実装を心掛けています。

課題や目的に寄り添い、
ユーザーとクライアント双方にとって価値のある体験づくりを大切にしています。

Case Study

MAISON ÉQUIL

Project Overview

女性向け美容医療サイトの構造とデザインを活かしながら、ボディコンディショニングサロンとして再設計した架空プロジェクトです。

ロゴコンセプトの立案から、コーポレートサイト・LPのデザインおよびコーディングまで一貫して制作しました。

ブランドの世界観が伝わることを重視し、配色・写真・コピーを統一して設計しています。

Role

Planning / Brand Concept / UI Design / Coding

Brand Design

01 / Concept

整うことで、美しくなる。

身体を鍛えるだけではなく、姿勢や習慣を整えることで本来の美しさを引き出す。
MAISON ÉQUILは、都会で生きる女性のためのボディコンディショニングサロンとして設計しました。

02 / Logo

ブランド名の由来である「ÉQUIL(均衡)」をテーマに、静けさと余白を感じるロゴを設計しました。

03 / Color Palette

ブラックを基調に、ゴールドとベージュをアクセントとして使用。上質さと落ち着きを感じる配色を目指しました。

04 / Photography Direction

低彩度 / 自然光 / 柔らかな陰影 / 女性らしい所作

写真はトレーニングの力強さではなく、静けさや美しさを感じられるトーンで統一しています。

Corporate Website

女性向けパーソナルジムのブランドサイト

Overview

ブランドサイトとして、MAISON ÉQUILの世界観やサービス内容を伝えることを目的に制作しました。

ロゴ・配色・写真トーンを統一し、上質で落ち着いたブランドイメージをWebサイト全体で表現しています。

Design Approach

ブラックとゴールドを基調に、余白を活かしたレイアウトを採用しました。

情報を詰め込みすぎず、写真とタイポグラフィによってブランドの空気感が伝わるデザインを目指しています。

Key Points

  • ブランドの世界観を重視したUI設計
  • 写真トーンとコピーの統一
  • レスポンシブ対応を考慮した実装

Role

Planning

Brand Concept

UI Design

Coding

Landing Page

女性向けパーソナルジムの
体験予約獲得を目的としたランディングページ

Overview

体験予約獲得を目的に、サービスの魅力と導線設計を重視して制作しました。

ロゴ・配色・写真トーンを統一し、上質で落ち着いたブランドイメージをWebサイト全体で表現しています。

Design Approach

ブラックとゴールドを基調に、余白を活かしたレイアウトを採用しました。

情報を詰め込みすぎず、写真とタイポグラフィによってブランドの空気感が伝わるデザインを目指しています。

Key Points

  • ブランドの世界観を重視したUI設計
  • 写真トーンとコピーの統一
  • レスポンシブ対応を考慮した実装

Role

Planning

UI Design

Coding

Reflection

ブランドコンセプト設計からコーポレートサイト、ランディングページまで一貫して制作しました。

同じブランドでも目的によって伝える内容が異なるため、それぞれに適した情報設計を意識しています。

ロゴ・配色・写真・Webデザインまで一貫して設計することで、ブランドの世界観が伝わる体験づくりを目指しました。

PageTop