Web Production｜デザイン〜コーディング〜公開まで対応
國弘 勇一郎
山口県在住
Webコーダー
稼働時間
週60時間(平日土日8:00~22:00)
※日中の即レス・緊急対応可能
お問い合わせ
SNS
LP・Webサイト制作からWordPress、公開作業まで柔軟に対応します。
<aside> 💡
週60時間稼働 | 稼働時間内原則30分以内に返信
</aside>
平日・土日を問わず8:00〜22:00で稼働しています。急な修正依頼や短納期の案件にも、スケジュールを調整して対応します。
自治体職員として約12年、期限と正確さが求められる実務に携わってきました。制作でも状況を「タスク・完了予定日・進捗状況」に分けて管理し、進捗共有シートで随時ご確認いただける状態にします。スケジュールに変更が生じる場合は、早めにご連絡します。
オリジナルの品質チェックシートを使い、デザインの再現、リンク・ボタンの動作、各デバイスでの表示を一つずつ確認してから納品します。
※品質チェックシート例
※進捗共有シート例
担当：デザイン / コーディング / 公開 使用技術：HTML / Sass / JavaScript 制作期間：5日 初回案件の評価を経て、同クライアント様より継続してご依頼 URL：https://airplane-02.pixelcraft-web.com/
「空港・空をイメージした明るい雰囲気」を、青空を基調にした配色と、波線・航路のモチーフで軽やかさを表現し、ハートや手書き風のフォントで親しみやすさも加えました。
背景画像のズームアウト、キャッチコピーを書き進めるように表示する演出（clip-path）、バッジが弾むように現れる動きを時間差で組み合わせました。ライブラリを使わずCSSのみで実装し、表示の軽さを保っています。
IntersectionObserverで画面に入った要素をフェードインさせ、報酬額は数字がカウントアップする演出で印象に残るようにしました。問い合わせ案内はスタンプを押すような動きで、最後の行動へ視線を誘導しています。
担当：デザイン / コーディング / 公開 使用技術： HTML / CSS / JavaScript 制作期間：5日 URL：https://airplane-03.pixelcraft-web.com/
航空業界で働く方を対象とした、プレゼントキャンペーンのLPを制作しました。
空や飛行機の写真を活用し、航空業界らしい爽やかな雰囲気を表現。ファーストビューから各セクションへのつながりを意識し、スクロールに合わせて自然に情報が伝わる構成にしました。
**・**スクロール連動アニメーション（GSAP / ScrollTrigger）
ファーストビューでは、背景を固定しながらキャッチコピーを切り替える演出を実装しました。 PCではGSAPのpin、SPではCSSのstickyを使用し、それぞれの画面環境に合わせて動きを調整しています。
**・**背景のパララックスと段階的な表示演出
応募方法やエントリーセクションでは、背景画像のパララックスやテキストのフェードインを実装しました。 見出し・説明文・ボタンを順番に表示することで、情報の流れを意識した演出にしています。
★5評価・継続依頼実績あり
| 案件名 | 担当 | 制作期間 | 制作方法 |
|---|---|---|---|
| 訪問美容LP（10月中旬公開予定） | デザイン / 構築 / 公開 | 6日 | ペライチにて実装 |
アニメーション・UI実装の一部をご紹介します。