■ サイト構成
主に1ページ構成のLPで、以下のセクションで構成されています:
ヘッダー(ナビゲーション付き)
ファーストビュー(ロゴ・キャッチコピー)
「e-tigaとは」(サービス紹介)
「ご利用の流れ」
「プラン紹介」
「運営会社情報」
CTA(無料登録ボタン)
■ 実装技術
HTML / CSS
レスポンシブ対応
Google Fonts
ハンバーガーメニュー(スマホ向け)
Swiper.jsの導入(スライダー表示用)
■ デザイン
モダンで清潔感のあるUI
ホワイトベースに青やネイビーを使った信頼感ある配色
イラストやアイコン、写真をバランス良く配置
■ 目的と想定ユーザー
IT・教育・求人系のマッチングサービスや
フリーランス・エンジニア支援サービス
のようなWebサービスを紹介・登録促進するためのプロモーションLP
■ その他ポイント
ナビゲーションとCTA(Call To Action)ボタンが複数箇所に設置され、コンバージョンを意識した構成
SEO対策はされておらず(<meta name="robots" content="noindex">)、公開用ではなくポートフォリオまたは提案用の想定
このように、Web制作のスキルを総合的に活かした**「サービス紹介ランディングページの制作」**として、デザイン性・実装技術ともにバランスの取れた作品です。
参考URL:https://pro-tama.com/works/e-tiga/
1日
20,000 円
2025年6月21日
あなたの「こうしたい」を一緒にカタチにします!
はじめまして、ティオと申します。
プロフィールをご覧いただきありがとうございます!
◎ 自己紹介
私はこれまで10年以上、小売業にて接客や売場管理、マネジメントを経験してきました。
「丁寧で真面目」「仕事が早い」「話しやすくて相談しやすい」と言っていただけることが多く、
信頼関係を大切に、相手の意図をくみ取ることを心がけています。
現在はWeb制作の分野に転向し、約3年にわたりHTML / CSS / JavaScript / jQueryなどを学び、
ランディングページやWebサイトのコーディングに取り組んでいます。
◎ 対応できる業務
・LP(ランディングページ)の制作(スマホ対応含む)
・トップページ・下層ページの制作(スマホ対応含む)
・デザインカンプからの忠実なコーディング
・スムーズなアニメーション(フェードイン、スライダーなど)
・コーディング修正・バグ対応
◎ 使用ツール・言語
・Figma
・Adobe XD
・Photoshop
・HTML
・CSS
・JavaScript
・jQuery
・WordPress化(静的HTMLからの移植やテンプレート組み込み)
・PHPを用いた簡単な処理の追加(条件分岐・ループ処理など)
◎ 実績(ポートフォリオより)
・ポートフォリオサイト(デザイン〜コーディング)
・デジタルコンテンツサイト(アニメーション含む)
・旅行サイトLP(レスポンシブ対応)
・コーポレートサイト(WordPress化)
※いずれも架空サイトで、ポートフォリオにて公開中です。
◎ 稼働時間・対応スタンス
・平日・休日ともに柔軟に対応可能(週15時間ほど)
・不明点は自分なりに調べた上でご相談するなど、相手とのズレがないよう丁寧に進行します
少しでもご興味を持っていただけたら、お気軽にメッセージいただけますと嬉しいです!
お話できるのを楽しみにしています。