架空のグランピング施設のLPです。
設定・デザイン・コーディング全て
【デザインの簡単な説明】
・目的：平日の利用客増加 → 学生かママ友の利用
・サイトの5w1h考察
・ペルソナ設定(ターゲット設定)：35歳主婦、夫子供(2歳)、住所(立川市)、車免許なし、…等を設定
・見やすさとできるだけ直感的にわかるように文字を簡潔に写真を多様
・ロゴ作成
・平日のお得感強調
【コードの簡単な説明】
・SEOを意識したコーディング
・レスポンシブ対応(モバイルファースト)
・ファーストビューを先に読み込み(SEO)
・アニメーション(svgのロゴ，ボタンhover時、ファーストビュー表示切り替え)
・JavaScriput実装箇所
・読み込み時にフォームの日付取得とローディング画面
・バーガーメニュー
・スクロール移動(aタグ、topへ戻るボタン)
・メニューマークは、ファーストビュー過ぎると色変化
・カルーセル自動＋ボタン(可変対応)
・アコーディオンメニュー
・githubにてコード公開しています。
- カテゴリー
- ランディングページ (LP) 制作
- 業種
- ホテル・旅館・民泊
- 場所
- 千葉県
- 最終更新日
-
2023年5月10日
制作者
30日前以上
【コーディング・LP制作】誠実に丁寧にはもちろん、返答を早くすることを心がけています。
-
1 件 満足0 残念
- 本人確認
- 個人
- 千葉県
はじめまして齋藤と申します。
プロフィールをご覧頂き、誠にありがとうございます。
【可能な業務】
・Webサイト制作(コーポレートサイト、ランディングページ)
・HTML＆CSS、JavaScriptでのコーディング
・Adobe XD、Figmaからのコーディング
・Figmaにてロゴ、バナー作成
・レスポンシブ対応可(モバイルファーストorデスクトップファースト)
・クロスブラウザ対応（Chrome, Safari, Edge, Firefox, iOS, Android）
・内部SEOを意識し、且つW3Cに準拠したコーディングを行っております。
・CSSアニメーション、svgアニメーションも対応可能です。
・Slack、Chatwork対応可能です。
・CSS設計法(BEM、FLOCSS)に基づいたコーディング
・その他、Retina対応画像等、ご指定があれば柔軟に対応させていただきます。
【言語など】
・HTML / CSS (Sass(SCSS)、DartSass、Bootstrap、TailwindCSS)
・JavaScript / TypeScript
・Vue.js 2,3 (Vuetify2、Vuex 、Pinia、Vue Router、Vue Test Utils(jest)) / Nuxt.js Nuxt3 (Options API、Composition API)
・git、github、Docker
・Figma、Canva
【活動時間】
8時～20時の間まで稼働、対応しております。
土日祝日も対応可能です。
【ポートフォリオ】ポートフォリオサイト・架空のLP・買い物リストアプリ
【記事】Qiita・Zenn・note (ポートフォリオサイトからご覧いただけます)
直接会えない為、不安が多いかと思いますので、特にメッセージのやり取りなど迅速に対応しております。
悩みや課題や目標を解決できるよう、クライアントの目線での視点や、使う人のものであることを常に意識して、WEB制作が目的ではなく、事業を成長させるというのが目的であるということを忘れず、そのための制作、提案をしていきます。
Lancersの出会いを機に継続的なお付き合いができればと思っております。少しでもご興味持っていただけましたら、メッセージでお気軽にお声がけください。
最後までご覧いただき、ありがとうございました。
