SproutWebDesign ホームページ

Sprout Web Design の公式サイトとして制作しました。（ご覧いただいているサイト）

訪れた方が思わず見入ってしまうような心地よい動線と、安心してご相談いただけるやわらかな印象づくりを意識しています。

ロゴの「新芽」モチーフから着想を得て、成長とあたたかさを感じさせるグリーンを基調に、差し色にはポジティブで前向きなオレンジを採用しました。
“ホームページを育てていく”というコンセプトを、色や形状、アニメーションの動きにも落とし込み、やさしく伸びていく芽のような世界観を表現しています。

セクションごとの背景の曲線は、土や芽を包み込むような柔らかさをイメージ。
閲覧中に自然と次のコンテンツへと目が導かれるよう、スクロールの流れや配置バランスにもこだわりました。

【制作概要】

制作目的：自社サイト制作（ブランドサイト）
デザインツール：figma
コーディング環境：Gulp
CSS設計：FLOCSS
使用言語：HTML / Sass (SCSS記法) / JavaScript