Nago's Portfolio

SKILL

Crafting ideas into visual experiences.

SKILL

ひとつひとつの技術は、物語を形にするための“光”です。
コードもデザインも、想いを映すための大切な手段として。
使用ツールや技術を組み合わせ、目的に合わせた最適な表現を行います。

カウントアップ

【カウントアップ】

数値に動きを与え、実績の信頼性と注目度を高めます。
【Gsap】
  • スクロールで表示時にカウント開始
  • 桁区切りと整数丸めで見やすく整形
  • アニメーション無効設定時は静止値表示
CSSアニメーションのスキルイメージ

【CSSアニメーション】

repeating-linear-gradient と @keyframes を用いた無限ループ背景演出(映画フィルム風アニメーション)
【CSS】
  • 画像を使わずに背景模様を生成
  • @keyframes + repeating-linear-...
  • 軽量かつGPUレンダリング最適化
3Dカルーセルのスキルイメージ

【3Dカルーセル】

立体的な回転アニメーションを用いて、複数の画像・要素を視覚的に魅せる表現です。 空間の奥行きを利用することで、動きに印象が生まれます。
【CSS】
  • CSS の transform: rotateY() を使っ...
  • 平面では表現できない「奥行き」を与えることで、作品に没入感を...
  • CSS の 3D 変形を活用し、画像を円状に配置した立体スラ...

CONTACT

Let’s create your story together.

下記フォームに必要事項をご記入のうえ、
「送信する」ボタンを押してください。
内容によりお返事までにお時間をいただく場合がございますが、原則として1日以内にご返信いたします。

    お名前

    フリガナ

    会社名

    メールアドレス

    お問い合わせ内容

    個人情報に関する注意事項

    お問い合わせの際にご入力いただいた個人情報は、
    ご連絡およびご依頼内容への対応以外の目的では使用いたしません。
    また、取得した情報を第三者に提供・開示することはございません。

    Thank you for visiting.