5. BASE内アクセサリーショップ『そよそよ』
https://soyosoyo.base.ec/
作品概要 #
趣味でアクセサリーを作っている友人を誘って、ECサイトを開設しました。ネットショップ作成サービス『BASE』内の『HTML編集』というカスタマイズ機能でコードを編集し、オリジナルのテーマを実装しました。友人とともにブランドの立ち上げからロゴ作成、ショップ開設まで行いました。
https://soyosoyo.base.ec/
制作者 #
- M.Suzuki
- マークアップエンジニア／フロントエンドエンジニア／Web デザイナー志望
- HTML, CSS, JavaScript
- Adobe Illustrator, Adobe Photoshop, Adobe Xd, Visual studio Code, BASE（HTML 編集）
- アビリブ賞, ONiWA 賞, エイトビー賞, リーピー賞, スタメン賞, ワンダーズ賞, アルタ賞
SNS など #
アピールポイント #
1 つ目は、デフォルトで用意されたコードを編集したことです。どこにどんな内容が表記されているか理解するところから始めました。
プレビュー画面のディベロッパーツールを確認し、理解できたらコード編集画面にコメントを追加していきました。
テンプレートタグを消さないように HTML を書き加え、考えたデザインになるようにセレクタを正しく指定して CSS を上書きしました。
2 つ目は、FAQ ページをブログ機能で実装したことです。FAQ の内容が書かれた記事を表示させているので、管理画面から変更することができます。
FAQ ページへのリンクは絶対パスで繋いであるため、ブログ記事一覧ページを経由することなくたどり着きます。
制作者感想 #
まず、新しいものを作り出す楽しさを知りました。
コードを編集してオリジナルのデザインが出来上がっていくのが嬉しかったです。友人とアイデアを出し合う時間はとてもわくわくしました。
そして、誰かと一緒に作業する大変さも知りました。友人が目指すお店のイメージと私が制作しているものが合致しているのか何度も話し合い、修正を重ねたことで、お店の雰囲気が伝わるサイトになったと思います。
また、計画を立てるが難しかったです。友人にも学校の課題や生活がある中で無理を言って締切日をお願いしたところもありました。
組んだ予定と技術力との差に悩みながらも、自分ができる範囲でどう実現できるか考えて完成することができました。
- 次の作品: cafe.de.暖 Webサイト
- 前の作品: 喫茶店「トレボン」Webサイト
コメント #
作品ならびにプレゼン動画の閲覧ありがとうございました！
さらに学生作品への評価・アドバイス、感想などコメントいただけると、今後の制作、就職活動の励みになります。