PORT
FOLIO
JUN AZECHI

美容院・サロン向けサンプルサイト soin(ソワン)

WordPressテーマ「SWELL」を使用し、美容院・サロン向けWebサイトとして制作しました。
サロン向けとしての上品な世界観を大切にしつつ、飲食店・雑貨店・パーソナルブランドなど、他業種にも展開できる汎用的なデザインに設計。
SWELLのブロックエディタとカスタムCSSを活用し、柔軟なレイアウト・視認性の高い導線・レスポンシブ対応・編集しやすいサイト管理を実現。

制作期間：3週間

しげの鍼灸院・整骨院

既存サイトのリニューアルのご依頼。
情報量が多くテキスト中心で読みづらかったため、全体の構成を見直しました。
イラストや画像を効果的に配置し、視覚的に内容を理解できるデザインへ変更。
テキスト量を適切に整理し、ユーザーが必要な情報に素早くアクセスできる構成へ改善しました。

また、ロゴカラーをメインカラーとして使用し、統一感と落ち着いた印象を与えるデザインに仕上げています。

制作期間：約1ヶ月

Charisma

AdobeXDで作成されたデザインのコーディング作業を行いました。
もう少し良いコーディング方法もあるのかもしれませんが、今回は単純に背景固定を設定すると描画モードがうまく表現できなかったため、背景画像をrelativeにして基準にし、メインコンテンツを丸ごとabsoluteで上に重ねるように配置して実装しました。
描画モードを使用したデザインは初めてで、とても勉強になるコーディングでした！

制作期間：約3週間

Milly Ballet Studio

バレエと女性らしさの雰囲気を持たせるため、淡いピンクカラーを使用し、可愛らしさと上品さのあるHPに仕上げました。
各所の画像挿入や今後の追加項目や変更が出てくるであろう箇所については、コード操作不要の簡単操作で専門的な知識が一切なくても更新や変更ができるよう構築させていただきました。
またバレリーナのイラストを散りばめ、よりオリジナリティのあるサイトに仕上げました。

制作期間：約3週間

PEAK'S GYM

パーソナルジムの店舗増加にあたりジムの総合サイトを作成したいとのことで、LPのご依頼を承りました。
シンプルなデザインですが質素になりすぎないようにカラーやホバーアニメーション、テキストサイズなどを工夫しながらワンランク上のサイトに仕上げました。
女性スタッフ画像を多く配置することで訪問者の方にジムの雰囲気が伝わるよう工夫しました。
WordPress構築はオリジナルテーマを使用して制作しました。

制作期間：５日

hammon∞

標高1190mの森の中にてレンタルスペースとセルフケアサロンを営んでおり、自然に囲まれた環境だからこそ味わえる温かみや無垢なイメージをサイトを通じて伝えれるようなサイトにしました。
木材を感じさせる色合いをメインカラーに使用し、余白を多く使うことで今時の上品な仕上がりに。
画像ばかりではなく、その場の雰囲気などがより伝わるように動画を導入させることで洗練されたサイトに仕上げました。
トップページのお知らせ欄はswiperを使用し、上下のスライドでコンパクトに表示。
サイト内の画像やテキストはHTMLの知識がなくても全てが変更できるよう、カスタムフィールドを使用して実装しました。

制作期間：2ヶ月半