WorkSphere
- コーディング
-
公開URL
-
Basic認証ID/パスワードopen-user01/open-user01
ポートフォリオ用に作成した架空のシェアオフィスのサイトです。
しょーごログさんのコーディング課題（Photoshop編）として提供されたものを提出後、ポートフォリオ用にカスタマイズしたものです。
これまでの課題はデザインカンプがFigmaで提供されていましたが、今回はPhotoshopで作成されているのがポイントでした。Photoshopからのコーディングは初めてでしたが、Zeplinというツールを使ってスムーズに実装できました。
課題については1度目の提出で2点ほどご指摘がありましたが、再提出で問題なしと評価していただき、オリジナルポートフォリオにするためのカスタマイズを行いました。
カスタマイズ後、レビューにて高い評価をいただき、ポートフォリオ化事例のページに掲載していただけました。
使用したツール
- Figma（サイト全体の構成）
- Visual Studio Code（コーディング）
- Canva（ロゴ、ファビコン、ogp画像の作成）
オリジナル化のポイント
- テーマをシェアオフィスとし、名称やキャッチコピー、コンセプトなどはChatGPTを活用して作成した。
- 元のサイトをベースにしつつ、シェアオフィスの紹介なので地図表示やアイコンを追加した。
- ページデザインの一部に円形を取り入れたが、できるだけ画像化せず、cssのみで図形を表示するようにした。
制作期間
Notionで制作期間の記録をつけられるようにしました。
制作日数は23日間、うち実制作時間は38時間でした。
