scroll
Webコーダー ティオ
誠実なコミュニケーションを大切にし、安心して任せてもらえる存在を目指しています。
コツコツ学ぶことが得意で、小さな改善を積み重ねながら、長く使える丁寧なサイト制作を心掛けています。
家庭や子育てと両立しながらも、限られた時間で一つひとつ丁寧に取り組み、見る人にも作る人にも心地よいWebサイトを目指しています。
独学とオンライン学習を通じて基礎から実践まで学び、デイトラを卒業し、Webスキル実務検定にも合格しました。
現在はフリーランスとして週15時間ほど活動し、LP制作やWordPress化などの案件に対応しています。
HTML / CSS
デザインカンプに忠実なマークアップが得意です。
レスポンシブ対応（PC・スマホ両対応）
JavaScript
スライダーやアニメーションなどの基本実装が可能です。
WordPress
既存テーマのカスタマイズ、静的サイトのWP化に対応しています。
PHP / フォーム実装
シンプルな動作の問い合わせフォームを構築できます。
使用環境： VS Code / Figma / Photoshop・XD
これまで制作したWebサイトです。
( Basic認証： demo / パスワード： demo
)
また、当サイトもデザインとコーディングしていますので実績の一つとして御覧ください。
柔らかい色使いと写真の配置にこだわり、旅行気分を感じられるデザインを目指しました。
Swiperによるスライダーや、モーダルでの実績表示、アニメーション付きのスムーススクロールを実装し、動きのある構成に。
お問い合わせフォームにはバリデーションやUIフィードバックも取り入れ、使いやすさとデザイン性の両立を意識しました。
コーポレート感のある信頼性を意識したデザインで、タブ切り替えやアコーディオン、Swiperによるスライダーなどを実装。
jQueryを活用して、Q&Aや会社紹介セクションにスムーズなUIアクションを加えました。
全体として、見やすく・分かりやすく・使いやすい構成を心がけています。
TOPページを含む全9ページ（下層8ページ）で構成されたサイトを制作しました。
各ページには内容に応じたMV（メインビジュアル）セクションを設け、視覚的にページごとの特色を際立たせています。
ファーストビューにはSwiper.jsによるスライダーを配置し、印象的な導入を演出。
さらに、GSAPとScrollTriggerによるアニメーションを各所に取り入れ、スクロールに応じた自然な動きを実現しました。
スマートフォン対応としてハンバーガーメニューとドロワーナビを実装し、操作性も強化。
資料ダウンロードとお問い合わせの2種のフォームにはサンクスページも用意し、パンくずリストの導入によって下層ページでも快適にナビゲーションできる構成としています。
ご依頼内容に応じて柔軟に対応いたします。
以下は参考価格です。
| サービス内容 | 目安料金 | 備考 |
|---|---|---|
| LPコーディング（1ページ） | 30,000円〜 | デザインの再現を丁寧に行います |
| サイトコーディング（3〜5ページ） | 60,000円〜 | ページ数や構成により変動します |
| WordPress化 | 40,000円〜 | 更新しやすい構造に対応可能です |
| フォーム実装 | 5,000円〜 | シンプルなお問い合わせフォームを設置 |
| 簡単な修正・調整 | 3,000円〜 | 小さなことでもご相談ください |
※ご予算に応じて柔軟に対応しますので、お気軽にご相談ください。
※現在、実績拡充のため一部案件についてはモニター価格での対応も可能です。ご希望の方はご相談ください。
お問い合わせは以下のフォームからお願いします。