PORTFOLIO

画像やタイトルをタップしてサンプル画面や実際に公開されているサイトをご覧いただけます。

旅行会社LP(サンプル)

架空の旅行会社のLPです。

屋久島の大自然を満喫できるトレッキングツアーのランディングページを制作しました。

このLPでは初心者や親子連れでも安心して参加できるツアー内容を強調し、以下の特徴を紹介しています。

参加者の声として家族での貴重な時間や自然の壮大さに感動した体験談を掲載し、ツアーの魅力を伝えています。

デザイン面では視覚的に魅力的な画像や直感的なナビゲーションを採用し、ユーザーがスムーズに情報を得られるよう工夫しました。

レスポンシブ対応により、スマートフォンやタブレットでも快適に閲覧できます。

技術面
• HTML / CSS / JavaScript で構築
• レスポンシブデザイン対応
• SEO対策を考慮した設計

このLP制作を通じてユーザーにとって魅力的で情報量の多いコンテンツ作成の重要性を再認識しました。

今後も、ユーザー体験を最優先に考えたWeb制作を心がけていきます。

架空のレストランサイト

架空のレストランのサイトです。
HTML/CSS/Bootstaropで作成しました。

タイピングゲーム

HTML/CSS/JavaScriptで作成しました。
ゲーム感覚でタイピングを身につけられます。最後にスコアが表示されます。

計算ゲーム

HTML/CSSで外観を、JavaScriptで内部の動きや数式がランダムに表示されるなどのブラウザー上の動きをコーディングしました。

美容店サイト

架空の美容店のサイトをWordPressで作成しました。
”美容店らしさ”やカルーセルを配置メニューやスタッフのブログなどの機能をつけてみました。

クリーニング店サイト

実在するクリーニング店からの依頼で作成しました。WordPressを使い、清潔感・爽やかさを意識したテーマを選びました。

クリーニング店用POSレジ

クリーニング店からの依頼でPOSレジをVBAを使って作成しました。
業務のDX化に貢献できました。

ボックスモデルで幾何学模様(HTML/CSS)

以下の条件で作成しました。

  • widthやheightなどのプロパティを適切に使えること
  • ボックスモデルを理解すること
  • displayプロパティを理解し適切に使えること
  • positionプロパティを使って要素を指定通りの位置に配置できること
  • レスポンシブデザインを実装できること

レスポンシブデザインを実装(HTML/CSS)

以下の条件で作成しました。

  • 疑似要素や疑似クラスを使ってサンプルコードを装飾できること
  • メディアクエリやビューポートを設定し、画面幅に応じて表示を変えるレスポンシブデザインを実装できること
  • Flexboxで要素を配置できること

上部へスクロール