- サイト名
- Wether Now
- ターゲット
- 10代～60代の男女。日常的に天気を確認するすべてのユーザーを想定。
- コンセプト
- 「シンプルに、今の空気を感じる天気アプリ」
必要な情報だけを最小限の要素で伝え、天気の“体感”を直感的に把握できるデザイン。
- 工夫した点
-
・コーディング
JavaScriptでAPI通信を行い、都市名を入力するとリアルタイムで天気情報が更新されるよう実装。非同期処理（async/await）を用いてデータ取得をスムーズにし、
エラー時には非表示処理を行うなど、直感的な動作を意識。
・デザイン背景のグラデーションで気温や時間帯の雰囲気を視覚的に表現。
温度を中央に大きく配置し、情報の優先度を明確にしたシンプルなレイアウト。
フォントのジャンプ率を明確にし、直感的で誰にでも見やすいUI。
- 制作時期
- 令和7年 9月
- 制作時間
- 企画 / 情報設計：1時間
デザイン：1時間
コーディング：4時間
- 使用ツール
- HTML・CSS / JavaScript / Figma
- 使用フォント
- Loboto
モダンで親しみやすいサンセリフ体。視認性が高く、気象アプリとしての信頼感を表現。
- 使用カラー
-
#6979A4 / #8CD7E5 / #BBEAE3
それぞれの天候をイメージしたトーンで構成し、清涼感と安心感を演出。
