【自主制作】ポートフォリオサイト「YUI TANIUCHI」
制作内容
概要
デザイン、コーディング、CMS実装を担当。
シンプルで分かりやすい構成を心がけました。
- 担当範囲
- デザイン、コーディング、CMS実装
- 制作時間
- 11日間
- 使用言語・ツール
- HTML, Sass, JavaScript (jQuery)
制作のポイント
01
Ajaxを活用した記事の絞り込み
Ajaxを活用し、ページ遷移なしで制作ジャンルごとの絞り込み表示機能を実装しました。 再読み込みを伴わずに検索結果を即時表示できるようにし、ユーザーの利便性と操作性の向上を図りました。
02
アニメーション
オープニングアニメーションでは、テキスト・FV画像・ヘッダーの出現タイミングを意図的にずらすことで動きに抑揚を持たせ、印象的でスタイリッシュな演出を目指しました。 また、スクロールに応じて要素が出現するアニメーションを取り入れることで、ユーザーの視線を自然に誘導し、没入感を高めながら飽きずにコンテンツを読み進められる構成を意識しています。
制作詳細
other works
他の実績
【実案件】オンラインスクールのコンテンツ販売用LP「iPlus」
【自主制作】水素水サーバーLP「SUISOPOT」
【自主制作】歯科クリニックサイト「みなみ歯科クリニック」
【自主制作】キャンペーンサイトLP「onomichi」
【自主制作】アクセサリーブランドサイト「sobolon」
【自主制作】仮想スイーツショップWebサイト「sweet-delight」
【自主制作】シングルページコーポレートサイト「The Company」
【自主制作】オンラインスクールサイト「30days-trial」
【実案件】相談支援事業所サイト
【実案件】福祉・美容健康サービス企業サイト
【実案件】中重度障がい者向けグループホームサイト
【実案件】精神・知的障がい者グループホームサイト
