美のプロ、ここに集え！
SnowFlake
作品の概要
私達のシステムは、美容業界に特化した美容関係者専用のSNSです。美容師、ネイリスト、スタイリストなど、美容に関わるプロフェッショナルが自身の技術や作品を投稿・共有し、交流を深めることを目的としています。
ホーム画面
ユーザーが投稿したヘアスタイル、ネイルデザイン、ファッションコーディネートなどの様々なカテゴリの画像付き投稿が一覧で表示されます。投稿には、カテゴリ、投稿日時、いいね数が記載されており、直感的に人気のある投稿や気になる投稿を確認できます。
投稿詳細画面
ホーム画面の投稿をクリックすると、その詳細を閲覧できます。投稿文や複数の画像が表示され、作品の魅力をより深く伝えることが可能です。ユーザー同士のコミュニケーションを促進します。
本システムは、美容業界の関係者同士がアイデアを共有し、技術向上を目指せる場となることを目指しています。卒業制作の一環として開発しましたが、今後はさらに多様な機能を実装し、より便利で魅力的なサービスにしていきたいと考えています。
こだわりポイント
本システムのサイドバーは、1から作成したのではなくBootstrapを活用し、テンプレートを組み合わせながら構築しました。
特に、アイコンの選定にはこだわり、Bootstrapアイコンの中から 見やすく直感的に操作できるものを選ぶため、グループで何度も話し合いを重ねました。
また、本システムは美容関係者をターゲットにしているため、デザイン面でも工夫を施しました。性別を問わず、誰もが快適に利用できるよう、シンプルかつ洗練されたUIを意識して作成しています。
その結果、視認性と操作性を重視した、見やすさに特化したデザインに仕上げることができました。
私たちの制作物では、デザインだけでなく、投稿の見栄えにも細心の注意を払っています。
特に、画像の数が3枚以下の場合に発生してしまう「画像なし」表示について、見た目が悪くならないように工夫をしました。
2枚目以降の画像が登録されていない場合は、背景色に合わせた画像を登録する処理をすることで、投稿詳細画面での不格好な「画像なし」表示を防ぎ、全体のビジュアルが一貫するようにしています。これにより、どんな画像枚数でも見栄えよく、スムーズに閲覧いただけます。
苦労した点
投稿の際のカテゴリ選択
投稿時にカテゴリを選択する際、あらかじめデータベースに登録されているカテゴリを取得し、リストとして表示する仕様になっています。
この仕組みにより、ユーザーが自由にカテゴリを入力するのではなく、統一されたカテゴリの中から選択できるため、投稿内容の分類が明確になるように作成しました。
ログイン機能
メールアドレスとパスワードの入力チェックを厳密にする必要があり、不正なデータが送信されないようにする工夫が必要でした。また、エラーメッセージを適切に表示することで、ユーザーがどこで間違えたのかを分かりやすくするよう配慮しました。
チームメンバーよりコメント
私たちのチームは、人数が少ない分、全員でしっかりコミュニケーションを取ることを大切にしてきました。
最初は大変だと感じることもありましたが、その分一人ひとりが多くの役割を担い、お互いに助け合いながら進めていくことができました。
業界選びからシステム作りに至るまで、自分たちの手で全てを形にしていく経験を積むことができました。これから社会人になった際にも、この経験を活かしてさらに成長していきたいと思っています。
お互いに助け合いながら進めてきたこのプロジェクトは、、チームワークの大切さを実感させてくれました。このプロジェクトを通して得た経験をもとに、卒業後の新たな挑戦に向けて一歩一歩前進し、さらに成長していきたいと思います！