Portfolio
プロダクト
NFT FESTA
Scroll
NFT FESTA
概要
有志によるNFTとメタバースのイベントプロジェクトのWebサイト作成に参加しました。
サイト開発チームはプロマネ、WEBデザイナー、フロントエンドエンジニア等で構成され、Discordでコミニュケーションを取り、Trelloでタスク管理しながら構築を進めました。
担当業務
- Nuxt.js+Vuetifyによるサイト構築
- html/CSS/JavaScriptコーディング（9割）
- 開発タスク管理
開発期間
2021年11月〜2022年1月（現在は保守フェーズ）
開発環境・ツール
- Nuxt.js v12.15.8
- Vuetify v2.6.3
- AWS S3
- Git
- Trello
- Adobe XD（Creative cloud）
- Googleドキュメント、スプレッドシート
SNS アイコンメーカー
Scroll
SNS アイコンメーカー
概要
個人制作のWEBアプリを作りました。顔のパーツを組み合わせて様々なパターンの顔イラストアイコンを作成するツールです。
顔のパーツはSVG画像を重ね合わせ、Canvasで合成しPNG画像を生成する仕組みです。
現在、Vue3+Tailwind+TypeScript+Vite構成のバージョン2を開発中です。
担当業務
- 機能設計・実装
- UIデザイン
- アイコンイラスト作成
- ロゴデザイン作成
開発期間
2021年11月〜2022年1月（バージョン1リリース済み）
開発環境・ツール
- Nuxt.js v12.15.8
- Vuetify v2.6.3
- Git
- Adobe Illustrator（Creative cloud）
習作1
Scroll
習作1
概要
カフェをイメージに作成したサンプルサイトです。レトロ感をモチーフにデザイン、作成しました。
担当業務
- デザイン・設計・実装
開発期間
2022年8月
開発環境・ツール
- Nuxt.js v3.0.0-rc.4
- TailwindCSS
- Git
- Figma
習作2
Scroll
習作2
概要
子ども向けプログラミングスクールをイメージしたサンプルです。楽しいと信頼性をテーマにデザインしました。
担当業務
- デザイン・設計・実装
開発期間
2022年9月
開発環境・ツール
- Nuxt.js v3.0.0-rc.4
- TailwindCSS
- Git
- adobe XD