制作の流れ
……架空案件のため、ペルソナを設定し、ペルソナとなった人物が「このパン屋に足を運んでみたい」と思えるようなホームページとなるように、情報設計を行いトンマナを固めました。その後、Figmaでワイヤーフレームを作成し、それをもとにデザインカンプを制作しました。デザインカンプが完成したのちに、STUDIOで実装しました。
カラーについて
……「麦と森」という名前のパン屋なので、小麦色を基調に配色を考えました。焼きたてのパンの香りが画面上からも伝わるように、パンの焼き色のようなブラウンもテキストや背景の色に使用しました。まとまりは出しやすかったものの、単調なデザインなので、使用する写真素材は時間をかけて選び何度も検討しました。
制作の流れ
……架空案件のため、ペルソナを設定し、ペルソナとなった人物が「このパン屋に足を運んでみたい」と思えるようなホームページとなるように、情報設計を行いトンマナを固めました。その後、Figmaでワイヤーフレームを作成し、それをもとにデザインカンプを制作しました。デザインカンプが完成したのちに、STUDIOで実装しました。
カラーについて
……「麦と森」という名前のパン屋なので、小麦色を基調に配色を考えました。焼きたてのパンの香りが画面上からも伝わるように、パンの焼き色のようなブラウンもテキストや背景の色に使用しました。まとまりは出しやすかったものの、単調なデザインなので、使用する写真素材は時間をかけて選び何度も検討しました。
制作の流れ
……架空案件のため、ペルソナを設定し、ペルソナとなった人物が「このパン屋に足を運んでみたい」と思えるようなホームページとなるように、情報設計を行いトンマナを固めました。その後、Figmaでワイヤーフレームを作成し、それをもとにデザインカンプを制作しました。デザインカンプが完成したのちに、STUDIOで実装しました。
カラーについて
……「麦と森」という名前のパン屋なので、小麦色を基調に配色を考えました。焼きたてのパンの香りが画面上からも伝わるように、パンの焼き色のようなブラウンもテキストや背景の色に使用しました。まとまりは出しやすかったものの、単調なデザインなので、使用する写真素材は時間をかけて選び何度も検討しました。