TAKUMA YAMADA ポートフォリオサイト

ウェブサイトは、デジタル空間上に
構築される仮想的な領域です。
元空間デザイナーの感性を取り入れ、視覚的
な美しさと機能性を両立させ、魅力的な
ウェブサイトを構築します。

工務店(オリジナルサイト)以外には
BASIC認証をかけております。

ユーザー名: taku

パスワード: 1122

※全8ページのコーポレートサイトです。

ハンバーガーメニュー / Swiper / パンくずリスト / 下層ページの作成 / ページトップへ戻るボタン / スクロール誘導

※トップページのみの実装となっています。

タブの実装 / Swiper / ページトップへ戻るボタン / アコーディオンの実装 / ページ内横スクロール / 背景色が伸びて出現

※トップページのみの実装となっています。

ハンバーガーメニュー / inview / 背景色が伸びて出現 / CSSグラデーション / scroll-hint.js

※トップページのみの実装となっています。

ハンバーガーメニュー / ローディングの実装 / Swiper / inview / ホバーアニメーション

※トップページのみの実装となっています。

ハンバーガーメニュー / inview / SVGの使用 / ホバーアニメーション

※トップページのみの実装となっています。

ハンバーガーメニュー / Swiper / VEGAS2 / ページトップへ戻るボタン / ページ内横スクロール

オリジナルサイト

HTML

BEM記法でのコーディング。
レスポンシブ対応を意識した、基本的なコーディングは問題なくできます。
内部SEO対策として、(hタグ、alt属性、metaタグ、OGP、 etc)
CSS

モバイルファーストでのコーディングを行います。スマートフォン、PC、タブレットなど、様々なデバイスから閲覧される際に、見やすさを追求したレスポンシブデザインを実装します。
Javascript / jQuery

ライブラリを用いたアニメーションで、ユーザーインタラクションの向上や動的なコンテンツの実装。
ハンバーグメニュー、スライダー、タブ、アコーディオン等
SCSS

「Dart Sass」記法。
FLOCSS構築でファイルを分割管理したSCSSを使用し、メディアクエリを管理したり、変数を使った記述ができます。
デザインツール

「Dart Illustrator、Photoshop、XD、およびFigmaなどのデザインツールも使用可能です。デザイナー様から提供されたデザインに基づいて、必要な場合には調整や修正を行います。