.../articles/

今日、晴れるかな?

初めまして。ゆりあです。 5月より、GiFTにてデザイナーインターンとしてお世話になっています。 よろしくお願いします。

先日お天気アプリを作ってみました!
それについて、作った時に考えたことなどなど、まとめてみます。





◎コンセプト



朝起きて、カーテンを開けなくても、ベッドの中から今日の天気がわかる、かわいいお天気アプリ。
一目見れば、今現在のお天気と、今日このあと天気がどう変化していくかが分かります。



というわけで、こんな感じに作ってみました。





Today’s Weather Graphics

◎工夫したところ

導線はこんな感じで考えてみました。

まず、いま現在のお天気がチェックできる!

今日1日の変化がグラフでわかる!

気になったら、今週の天気も確認できる!

と言う感じにだんだんと大まかな情報になっていきます。
ぱっとみて温度感がなんとなく、感覚的にわかるような色のグラフにしてみました。

◎プロトタイプってこんなに動くんだ・・・!

こちらがプロトタイプになります。

twitterを更新する時に、
ぬめっと動いて「しゅぽっ」と音がするのが、
個人的に大好きで、ぼーっとしている時よくtwitterを更新しているのですが、

使っていて気持ちいっていうのは、すごく大事なことですよね。
動きってすごく大事だなーと思うので、「こんなふうに動かしたい」というのを想像しながらデザインしたり、普段いろんなサービスを使いながら、「いいな」と思った動きを盗んだりして、今後のデザインにいかせたらなあと思います。

次やってみたいこと

動きがついていて、すっきりしていて、少し特徴のあるものを作りたかったのですが、
お天気アプリで特徴を出そうとするのが結構難しかったです。
後から見てみると、結構iphoneのお天気アプリに似てしまったなあと…。
いろんなアプリを参考にしつつ、オリジナルの良さがあるものを今後作っていきたいなと思いました。

.../articles/

Articles

記事

AWS AmplifyにmonorepoのNext.js(App Router)をデプロイする

AWS AmplifyにmonorepoのNext.js(App Router)をデプロイする

monorepo管理しているNext.jsをAmplifyにデプロイしようとした際にいくつか躓く内容があったのでまとめておきます。

リモートワーク・オンライン会議でも、スムーズに制作を進めるために大切なこと[資料編]

リモートワーク・オンライン会議でも、スムーズに制作を進めるために大切なこと[資料編]

コロナ禍の影響により、リモートワークの導入をおこなっている制作会社も多く、実際に弊社でも導入しています。

売れるECサイトデザインを作るために。参考にしたいおしゃれな事例の探し方。

売れるECサイトデザインを作るために。参考にしたいおしゃれな事例の探し方。

売れるECサイトのデザインは、「この形式」という決まりはありません。ECサイトで売り上げを上げるなら、しっかりとしたコンセプトと、コンセプトを決定するまでのリサーチが必要です。

制作会社の考える、業務効率化ツールのおすすめ。個人でも使いやすいサービスなど。

制作会社の考える、業務効率化ツールのおすすめ。個人でも使いやすいサービスなど。

新型コロナウイルス感染拡大の影響で、リモートワークが主流になり、弊社でも週のほとんどは各自宅で作業をしています。

Figmaでデザインのコミット履歴を残せるプラグイン【Thought Recorder】をリリースしました

Figmaでデザインのコミット履歴を残せるプラグイン【Thought Recorder】をリリースしました

Figmaを利用するWebデザイナーの助けになれると嬉しいです。使い方は本記事をご覧ください。

ECの構築方法、おすすめのECサービス。

ECの構築方法、おすすめのECサービス。

ファッションや家電、スーパーの買い物でさえもECサイトを利用することが当たり前になりました。加えて新型コロナウイルスの影響もあり、弊社にも「どんなプラットフォームを利用したら良いか」「どれくらいコストがかかるのか」などECに関するさまざまなご相談を頂きます。

FastAPIのスキーマクラスをOpenAPIから生成する方法

FastAPIのスキーマクラスをOpenAPIから生成する方法

PythonでAPIを構築する要件があり、フレームワークに比較的モダンなFastAPIを採用しました。FastAPIはバックエンドの開発を行えば自動でOepnApi定義を生成する機能が備わっていますが、今回はこれを使わず、事前に用意したOepnApi定義からFastAPIで利用するスキーマクラスを生成する方法を紹介します。

Laravel 日本一解りやすい全文検索のマイグレーション記載方法解説

Laravel 日本一解りやすい全文検索のマイグレーション記載方法解説

Laravel + MySQLで全文検索を実装する

GiFT1号目新卒デザイナーの2021年振り返り

GiFT1号目新卒デザイナーの2021年振り返り

いつの間に、年末ですね。入社してもう、9ヶ月も立っていたようです。2021年の振り返りを記事にしました。

TimesclaeDBのデータ圧縮に関して

TimesclaeDBのデータ圧縮に関して

TimescaleDBはデータベース内の一部のテーブルを時系列データとして扱えるPostgreSQLの拡張です。PostgreSQLの機能拡張なので非常に手軽に導入できます。今回はこのTimesaceDBの圧縮について調べたので備忘録として書き綴りました。

すべての記事

お問い合わせ