ご観覧頂き有難うございます。WEB制作所Flamie(フラミー )代表のmasakiです。
こちらのサイトでは当方のポートフォリオを公開しております。
下記の通り、様々な技術を組み合わせお客様に最善のサイトをご提供致します。
イメージ画像の下に使用した技術を実装しておりますので是非ご確認頂き、お客様の求めるサイトのイメージを膨らませてください。なお、技術内容については、右側に解説しておりますので、参考にしてみてください。

ポートフォリオ 一覧

ホームページ デモ

デモサイト hp001

  • レスポンシブ(BP 768px,992px)
  • ハンバーガーメニュー
  • スライダー

デモサイト hp002

  • レスポンシブ(BP 768px,992px)
  • ハンバーガーメニュー
  • スライダー
  • スクロール

デモサイト hp003

  • レスポンシブ(BP 768px,992px)
  • ハンバーガーメニュー
  • アコーディオンメニュー
  • スライダー
  • スクロール
  • フェードイン

デモサイト hp004

  • レスポンシブ(BP 768px,992px)
  • オフキャンバスメニュー
  • スライダー

デモサイト hp005

  • レスポンシブ(BP 768px,992px)
  • オフキャンバスメニュー
  • スライダー
  • スクロール
  • フローティングメニュー

デモサイト hp006

  • レスポンシブ(BP 768px,992px)
  • オフキャンバスメニュー
  • ドロップダウンメニュー
  • スライダー
  • スクロール
  • フローティングメニュー

デモサイト hp008

  • レスポンシブ(BP 375px,768px,1200px)
  • ハンバーガーメニュー
  • フローティングメニュー

デモサイト hp010

  • レスポンシブ(BP 768px)
  • ハンバーガーメニュー
  • フローティングメニュー

LPページ デモ

上記は提供例の一部です。
他にもこんな機能が欲しい、こうゆうレイアウトがよいなど、案件に合わせてご相談ください。
あなたのWEBサイトを輝かせます!

実装技術解説

ハンバーガーメニュー

サイト上部に付いているボタンを押すことで、すだれのように隠されたメニューが現れる機能。 主にスマホ等の横幅が狭いときに有効

スライダー

メインの画像が自動で次々に切り替わる機能。 会社サイトや、ショッピングサイトなどでよく使われる

スクロール

サイト下部に現れるボタンを押すことでスルスルと一番上に自動で戻る機能

アコーディオンメニュー

ナビゲーションメニューなどで、マウスを乗せると隠された配下のメニューが現れる機能

フェードイン

サイトを下にスクロールした際に画像や文字がフワっと現れる機能。 会社サイト、ショッピングサイトなど様々なサイトでよく見かける

オフキャンバスメニュー

ハンバーガーメニューと同様にボタンを押すことで隠されたメニューが現れる機能

ドロップダウンメニュー

ハンバーガーメニューなどで項目をクリックすると、さらに隠された小見出しが現れる機能。 他にも目次など、全表示すると長くなってしまうときにコンパクトにまとめることができる

フローティングメニュー

スクロールしても項目が一緒に付いてくる機能。 サイドメニューや、バナーなど常に画面内に表示させたいときに便利

パンくずリスト

webページ内で現在どの階層にいるか視覚化させたもの。 例えば、「ホーム > 会社概要 > 取り組み」といった具合に階層構造を確認できる

レスポンシブデザイン

観覧するデバイスの幅によってwebページのデザインを変更する技術。ブレークポイント(BP)で指定した画面幅で表示が変わる。スマートフォンなどの幅の狭いデバイスでは画面上部のメニューボタンにて情報を集約することで可読性が向上する。

TOP