女性向けパーソナルジムのWebサイトを制作しました。
デザインデータをもとに、女性らしい柔らかさ・清潔感を大切にしながら、意図を忠実に再現してコーディングしました。
各セクションで異なるレイアウトパターンやフォントバランスに気を配り、見やすさと情報の伝わりやすさを意識しています。
【実装のポイント】
・デザイン意図を正確に汲み取り、柔らかい雰囲気を保ったまま丁寧に再現
・価格表など、フォントサイズや行間の微調整で視認性を向上
・レスポンシブ対応ではflexを活用し、スマホ・PCでストレスなく閲覧できるレイアウトに
・header部分でロゴを中心に置いたナビゲーションレイアウトを実装
・ハンバーガーメニューは「段差のある3本線デザイン」を再現
・装飾パーツにはclip-pathを活用し、デザイン通りに配置
デザインの雰囲気を崩さず、女性ユーザーが安心して情報に触れられるサイトに仕上げました。
https://gym.sayuri-code.com/
- カテゴリー
- ホームページ制作・作成
- 業種
- IT・通信・インターネット
- 場所
- 熊本県
- 制作期間
-
7日
- 参考価格
-
30,000 円
- 最終更新日
-
2025年2月17日
制作者
2日前
丁寧で柔軟な対応と、デザインの再現性を大切にしています。
-
0 満足0 残念
- レギュラー
- 個人
- 熊本県
プロフィールをご覧いただき、ありがとうございます。
熊本市内在住のWebコーダー、Sayuriと申します。
以下に経歴や実績を記載しておりますので、ご覧ください。
【経歴】
・2008年 美容学校卒業
・美容部員として10年勤務（接客・販売・店舗運営に従事）
・2023年 8月オンラインスクール『デイトラ』にてWeb制作を学習
・2025年 1月スクール卒業
・2025年 2月コーディング実務検定試験（合格率５０％）合格
・2025年 2月フリーランスWebコーダーとして開業
・2025年 3月実務開始
【実績】
・LPやキャンペーンページのコーディング（静的／WordPress両対応）
・企業サイトの新規構築、WordPress化（カスタム投稿・カスタムフィールドの実装）
・JavaScriptを用いた機能実装（Swiper、モーダル、アコーディオンなど）
・WordPressテーマの改修やパーツ追加（ナビ、問い合わせフォーム、パンくずリスト、多言語対応など）
【スキル】
・HTML / CSS / Sass / JavaScript / PHP / WordPress
・Gulp環境でのSass管理や、FLOCSS設計も対応可能
【使用ツール】
・Figma
・XD
・Photoshop
・Illustrator
【制作において意識していること】
・Gulp・FLOCCSSを使用し、CSS設計・保守性も意識したコーディング
・Perfect Pixelを使用し、デザインと実装のズレを細かく確認
・納品時は品質管理チェックシート（25項目）をクリアした状態で提出
・どのデバイスでも美しく表示されるよう、320px〜1920pxの幅で表示確認を行い、レスポンシブ設計を徹底
【稼働時間】
・平日8:00〜16:00（それ以降も連絡対応可能です）
・土日も状況に応じて対応可能です。
納期を守ることはもちろん、丁寧なコミュニケーションを心がけております。
ご連絡にはできるだけ早く対応させていただきます。
どうぞお気軽にご相談ください。よろしくお願いします。
