ポートフォリオサイトは、自分のスキルや実績を伝える大事なツール。以前、ノーコードツール studioを使って作成したことがあったのですが、デザインに満足できずにいました。
しかも更新するのにも手間がかかる…そして放置
「もっと洗練されたものを作りたい！」と考えていました。
そこで今回、新たに v0 を使ってポートフォリオを制作してみました！✨
v0とは？ノーコードでプロが作ったようなUIデザインが完成！
v0は、テキストプロンプトを入力するだけで、AIが自動的にUIデザインを生成 してくれるノーコードツール。
✅プログラミング知識ゼロでもOK！
✅Webデザインや3D空間など、幅広いビジュアルが作れる！
✅チャット形式でWebデザインやアプリを作成できる！
ノーコードツールをいくつか試してきた私ですが、v0のデザイン性の高さには本当に驚きました！
chatGPTに入力しているのと同じ要領で入力するだけで、Webサイトができていくのです。
シンプルな操作で、短時間で見栄えの良いサイトができるので、デザイン初心者やコーディングが苦手な人にもぴったりです。
ポートフォリオのこだわりポイント
今回、v0で作成したポートフォリオには、私らしさを最大限に詰め込みました！
テーマカラーは「バーミリオンオレンジ」
SNSアイコンでも使っている バーミリオンオレンジ をメインカラーに設定。統一感を持たせることで、ブランドイメージを強く印象付ける狙いがあります。
「このアイコン見たことある」と言われるくらい印象的な色なのも特徴です。
「あかり」をイメージした電球デザイン
自分の名前「あかり」にちなんで、
あかり＝明かり💡 から
電球をモチーフにした画像を掲載。
さらに、マウスの動きに光エフェクトを加えて、「光＝アイデア」の演出 もプラスしました！
スマホ対応！横遷移型レイアウト
ポートフォリオは横スクロール型 にして、モバイルデバイスでもスワイプで快適に閲覧できるよう設計。
PCとスマホのどちらでもスムーズに楽しめるUX を意識しました。
デプロイで大苦戦！？エラーとの闘い
v0は使いやすいとはいえ、サイトを公開（デプロイ）する過程では 予想以上のエラー に悩まされました。
✅サイト構築中に予期せぬバグ発生！
✅デプロイ後にエラー続出でなかなか公開できない…！
✅やっと公開できたと思ったら、不備が見つかる…！
と、修正に次ぐ修正で気づけばかなりの時間を費やしていました😅
でも、その分 こだわり抜いたポートフォリオ になったので、達成感もひとしおです！
ついに公開！ぜひ見てください👀✨
現在、v0のドメインでポートフォリオを公開しています！
まだ独自ドメインの取得はしていませんが、誰でも閲覧できるので、ぜひチェックしてみてください！
また、v0を試したことがない方は、ぜひ一度触ってみることをおすすめします！
あっという間にデザイン性の高いWebサイトが初心者でもできます！ノーコード初心者でも驚くほど簡単に使えますよ✨
ちなみに、モバイル版とウェブ版で光のエフェクトが少し違うので、両方で確認してほしいです💡
愛知県豊橋市エリア限定！特別キャンペーン開催中🎉
① 賃貸管理依頼でお得な特典！
🏡 「かんりす」に管理を依頼すると、1年以内の「たてコデ」建築工事で消費税半額キャッシュバック！
▶ 詳しくはこちら 👉 [詳細リンク]
② 新築スケルトン賃貸戸建 モニター＆入居者募集中！
🏡 大家さん：工事代金の消費税半額キャッシュバック！
🏡 入居者さん：30,000円キャッシュバック！
▶ 詳しくはこちら 👉 [詳細リンク]
📅 開催期間：～3月31日（月） 13:00～22:00
📩 ご相談・お問い合わせはこちら！
▶ 専用フォーム
お得なチャンスをお見逃しなく！✨
コメント