chapit (chapit) のビジネス経験

見積もり・仕事の相談を承ります。

  • 個人事業として、飲食店・サロン向けLPのフロントエンド開発 / Netlifyで本番公開・運用中

    IT・通信・インターネット エンジニア フリーランス 副業として

    ■ プロジェクトの目的
    Web制作の受託案件で活用できるスキル(LP制作・レスポンシブ対応・JavaScriptによる動的処理)を実践的に習得し、案件提案時に提示できる「実案件相当の完成度」のポートフォリオを構築すること。

    ■ 体制・人数
    個人(1名)。企画・デザイン方針策定・実装・公開まで全工程を1人で担当。

    ■ 自分のポジション・役割
    ディレクション、デザイン方針策定、フロントエンド実装(HTML / CSS / JavaScript)、Git管理、Netlifyへのデプロイ・運用までを担当。

    ■ 目的を達成する上での課題
    ・チュートリアル写経ではなく、1から自分で設計して実案件相当の完成度に到達すること
    ・配色・タイポグラフィなどデザイン領域の意思決定を、エンジニア視点で行うこと
    ・レスポンシブ対応と動的処理(フォームバリデーション、メニュー自動生成、スクロール演出等)を実装すること

    ■ 課題に対して取り組んだこと
    ・CSS の :root トークン、clamp()、メディアクエリで保守性の高いレスポンシブ設計を実装
    ・配列データを map で動的生成することで、コンテンツとレイアウトを分離
    ・IntersectionObserver、CSSアニメーションでスクロール演出を実装
    ・フォームバリデーションを配列+forEach のデータ駆動設計で実装
    ・Git / GitHub で版管理し、Netlify の自動デプロイで本番運用

    ■ ビジネス上の成果
    ・「Cafe Lumière」(暗め高級系)、「Nail Lueur」(明るい上品系)の2作品を完成・本番公開
    ・Cafe Lumière: https://chapit-cafe.netlify.app
    ・Nail Lueur: https://chapit-salon.netlify.app

    ・同じ技術スタックで配色・装飾・コピー方針を業種に合わせて切り替え、表現の柔軟性を実証

    HTML / CSS / JavaScript / Node.js / Express / GitHub / Netlify / レスポンシブデザイン / Flexbox / CSS Grid

    見積もり・仕事の相談