PORT
FOLIO
JUN AZECHI

Meta Grow

クライアント様のご予算内で、デザイン性と機能性の両立を目指したサイトを制作いたしました。
参考サイトのイメージをもとに、モノクロを基調とし、アニメーションや文字の余白・サイズ感を丁寧に調整することで、洗練された印象に仕上げています。
また、クライアント様ご自身で更新・修正が行えるよう、WordPressテーマ「SWELL」を導入し、運用しやすい構成で構築いたしました。

制作期間：約１ヶ月

美容院・サロン向けサンプルサイト 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ヶ月半

共進空調

Figmaで作成されたデザインのコーディングを行いました。
ニュース部分にはswiperを使用し、スライドを作成しました。

制作期間：４日

脱毛salon LiHiTO（リヒト）

部分修正のご依頼を担当させていただきました。
メインビューは大きく表示させ多少の余白を作り角丸にすることでインパクトかつ全体的なデザインと馴染むようにしました。
ご依頼にはありませんでしたが、メニューのホバーアニメーションやメインビューに重ねている文字のサイズ感も調節させていただきました。
◼︎変更箇所
・PCのみヘッダーメニューをハンバーガーメニューからメニューバーに変更
・メインビュー画像のサイズ変更

制作期間：２日

ガンガル

デザインのみのご依頼で、イラストや画像はすべてフリー素材を使用しました。
信頼感を高めるため、ベースカラーにブルーを採用し、グラデーションを活用して洗練された印象を持たせています。
また、背景の境目をアーチ状にデザインすることで、遊び心を加えつつ、全体に親しみやすさを演出しました。

制作期間：５日

HILOFUDOSAN

既存サイトにコンテンツの追加依頼で「お客様の声」の部分をデザインからWordPress構築を行いました。
サイトのデザインを崩さないよう、シンプルかつ強調できるように引用マークにカラーをつけたデザインに。
コンテンツ内容はカスタムフィールドを用いて実装しました。

制作期間：約１週間半

ピンクベレー協会JAPAN

「平和」や「幸せ」をテーマに、ロゴから抽出したカラーを基調とし、丸みのあるデザイン要素を多く取り入れることで、優しく親しみやすい印象を持たせたサイトデザインに仕上げました。
動画の投稿ページについては、YouTubeを介した投稿では手間がかかるという課題を考慮し、サイト内に直接アップロードできる仕組みを実装。アップロード容量を引き上げ、カスタムフィールドを活用して操作性を向上させました。
また、毎月更新される川柳のコンテンツでは、手間を最小限に抑えるために、カスタムフィールドを使用し、3・7・3の形式で簡単に入力・更新できる仕組みを構築しました。

制作期間：約１ヶ月半