Are you ready to immerse yourself in the enchanting world of Halloween? Get ready to unleash your creativity, share your ghoulishly good costume ideas, and vote for your BOoO like never before. Trick or Trend App is here to make your Halloween season truly memorable. Will you get the most votes, and get your costume up on the podium? Save your favorite costumes and let the spookiest styles take center stage in your personal collection. May the spookiest style win the spotlight! ;)
- SUBMISSION
- ABOUT SUBMISSION
The project is deployed and can be accessed at https://trick-or-trend-c24bf997221b.herokuapp.com/
In this section, we will briefly discuss how our team addressed the applicable criteria:
The design of the website was inspired by the Halloween theme. The website has a dark theme with orange and purple accents. The website has a clean and simple design, which is easy to navigate. The website is responsive and accessible for different screen sizes. User experience was considered throughout the project, with the target audience discussed in the Target Audience section.
Below is a moodboard generated by GPT4 with DALLE3. The moodboard was used to inspire the design of the website. You can view our team moodboard here:
The project fits the theme of Halloween, with the website having a dark theme with orange and purple accents. Motifs of classic Halloween icons such as gravestones, haunted houses tattered scrolls feature throughout the project.
click here to view drawings concieved throughout project
click here to view other images concieved throughout project
The website is responsive and accessible for all mainstream screen sizes. The website was tested on different screen sizes and devices, such as mobile, tablet and desktop. The website was also tested on different browsers, such as Chrome, Firefox and Safari.
The project was concieved with a wireframe which can be viewed here.
The project board was used to plan the project. The project board was used to create issues and assign them to team members. The project board was also used to track the progress of the project. The project board can be found here
Throughout the project we focused on Costume Sharing App that would be useful for the target audience.
Trick or Trend is a Halloween Costume sharing WebApp. The website allows users to share their Halloween costumes with their friends and family. The website is responsive and accessible for different screen sizes. The website has a clean and simple design, which is easy to navigate. The website has a dark theme with orange and purple accents.
The goal section provides a concise summary of the main objective or purpose of the project or software described in this README. It addresses the following aspects:
The problem statement for this project was that there was no clean website to exclusively share your Halloween costume with your friends and family. You would have to send them individually to each person, which would be time consuming and tedious. Or share on a generic social media platform, where it would get lost in the feed.
The objective of this project was to create a website where users could share their Halloween costumes with their friends and family. The website would be easy to use and have a clean Halloween user interface. The website would also be responsive and accessible for different screen sizes.
The target audience were 16-25 year olds who were looking for a fun and easy way to share their Halloween costumes with their friends and family.
- They enjoy Halloween Parties, Horror Franchises and Socialising with their friends.
- Their pain points would potentially be outdated user interfaces, slow loading times or the app being too similar to other social media platforms.
- Two profiles were designed to evolve into the user stories and to design the website.
- The user stories below reflect the target audience and their needs.
The user stories took into account the target audience and their pain points. The user stories were created using the Miro board.
As a returning user, I need to access a responsive design on mobile, desktop and all mainstream devices in between.
As a returning user, I need to be able to upload my latest costume ideas to the app
As a returning user, I need to be able to log in and see my previous uploads
As a returning user, I need to be able to update or delete my costume picture
As a returning user, I need to engage with the online community through votes and comments
As a returning user, I need to be able to interact with the gallery in different views, such as detailed and grid.
As a returning user, I want to feel inspired by other user's creativity: their costumes, ideas
As a returning user, I want to be able to check my favourites and save costumes for later
Target Audience Profile 1: Mia (pictured in heading)
Age: 18
Appearance: Mia, has a vibrant energy about her. Her smartphone, adorned with a horror-themed case, is always in hand, capturing moments or chatting with friends.
Personality:
- Creative Flair: Mia has a knack for arts and crafts. She often creates her own horror-themed jewelry and accessories.
- Horror Series Fanatic: While she loves horror movies, Mia is especially fond of horror TV series. She often hosts binge-watching sessions with her friends.
- Life of the Party: Social and outgoing, Mia is often the center of attention without even trying. She loves dancing, singing, and making everyone around her laugh.
- Halloween Lover: Every year, Mia and her friends embark on a project to create a haunted house experience for the neighborhood kids. Her creativity truly shines during this season.
- Hobbies: Mia loves DIY projects, especially those related to horror themes. She also enjoys reading horror novels, attending live horror escape rooms, and exploring horror-themed cafes and bars.
Target Audience Profile 2: Jake
Age: 18
Appearance: Jake is always seen with his latest model smartphone, a testament to his love for technology.
Personality:
- Tech-Savvy: Jake is always up-to-date with the latest apps, especially those related to socializing and entertainment.
- Horror Buff: He owns an impressive collection of horror movie Blu-rays, posters, and memorabilia. Jake can recite lines from classic horror movies and loves discussing fan theories.
- Social Butterfly: Active on various social media platforms, he's the one who always knows about the latest events and gatherings. He enjoys meeting new people and can strike up a conversation with just about anyone.
- Halloween Enthusiast: Jake starts planning his Halloween costume months in advance. Every year, he throws a Halloween party that's the talk of the town, complete with themed games, music, and decorations.
- Hobbies: Apart from watching horror movies, Jake enjoys video gaming (especially horror-themed games), attending horror conventions, and exploring haunted locations with friends.
The benefits of this project are that users can favourite their Halloween costumes and share them with their friends and family. The website is also responsive and accessible for different screen sizes.
In the tech section, we provide information about the technology stack, dependencies, and any technical details related to the project.
- Languages: HTML5, CSS3, Javascript, Python. These were used to create the project.
- Frontend: React, Bootstrap. These were used to create the frontend of the project.
- Backend: Django. This was used to create the backend of the project.
- Miro - Miro was used to brainstorm ideas as a team and user stories for the project. Our Miro Board can be accessed here.
- Figma - Figma was used to create the wireframe for the project. Laura's Figma can be accessed here.
- GPT4 with DALLE3 - GPT4 was used to generate moodboard images for the project.
In the credits section, we provide information about the sources used
Team Members:
- Amy (scrum master)
- Laura (designer)
- Mia (lead developer)
- Laurie (developer)