traQ gazer
- # ハッカソン
- # チーム開発
- # Tailwind CSS
- # headless UI
概要
直近の投稿のうち、設定した文字列を含むものを通知するtraQ bot
担当分野
- 現在の担当
- ・フロントエンドデザイン / 実装
- 過去の担当
- ・サービス名決定
- ・ロゴ制作
意識したこと
- 2023 年度 traP 部内春ハッカソンで開発
- traP 部員向けチャットツール「traQ」で利用可能な bot
命名とロゴ
- 「traQ」を長時間監視する → 凝視する → gaze
- ロゴデザインのアイデア: 虫眼鏡や双眼鏡を配置
意識したこと
ユーザーが利用しやすいデザインをつくること
ユーザーが最も利用する機能は何か、ユーザーはどのような経路でページを移動したいのかということを中心に考え、フロントエンドのデザインを行いました。
この際、ページをどのように切り分けどのように遷移するか、またクリック数を可能な限り減らすことはできないか、など細かいところにもこだわりました。
しかし、このときは初めての Web アプリケーション開発だったため技術はほとんどなく、レスポンシブ対応は行えませんでした。
補足
開発後も様々な人に利用し続けてもらえているため、1 年後の 2024 年にフロントエンドデザインの一新を行いました。
リンク集
- ブログ
- 開発時: https://trap.jp/post/1922/
- リニューアル時: https://trap.jp/post/2345/
- ソースコード
画像一覧
