【架空のデンタルクリニックサイト】

制作サイト
サイトURL
works-etelliadental.siroto-portfolio.com

コーディング / Figma / HTML / CSS / jQuery

制作期間:2週間

参加しているコミュニティETELLIA ONLINEの課題で制作した架空の工務店サイトです。figmaのオリジナルデザインカンプを元に、HTML CSSコーディングを行いました。
アニメーションなど、動的な視覚情報(あしらいの回転やスクロールダウン)がコンテンツに大きく影響しないよう、1ページにおさまる動きを調整しながらコーディングを行いました。
レスポンシブデザインはお任せであった為元のデザインを大幅に崩さない事を心がけながらコーディングを行っております。

実装機能のご紹介

  • アコーディオンメニュー

    jQueryで実装しています。moreをクリックすると下に隠れていた要素が表示するようになっています。

  • あしらい、矢印のアニメーション

    CSSで実装しています。