Reaction All Years

Scrub Inspired Web Redesign

Scrub Inspired banner image.

Client Jessica McNeil and Kiersten Hanly
Professor(s) Melissa Sienkiewicz,
Program Computer programming
Students Jaspreet Singh Maan
Emmanuel Madoungou
Mandy Shi
Arun Tosing
Yang Yu

Project Description:

Scrub Inspired is a skincare company based in Ottawa. A few of the company’s many products include scrubs for the face, body, and foot, as well as face masks, and bath soaks etc.… Their goal is to provide their clientele with chemical-free, natural, and organic products at an accessible price, while staying competitive on the market. For this reason, Scrub Inspired is seeking to refresh and update their website to provide users with greater functionality and accessibility in order to provide a better user experience. To fulfill these goals, our team used the Agile approach or mindset to redesign and refactor the client’s website code on the Shopify platform.
The project is aim to recommend an appropriate Shopify theme and developing the theme with customized features. The new website can captivate more consumers, create accessibility for disabilities, and get more online exposure through SEO.
The following is a list of changes we have made for website and UI:
– Customized theme setting with more professional appealing
– Added video and animated view sections, full-width images in different pages to captivate consumer’s attention
– Rebuilt collection list sections and product pages with large pictures and video to promote collection and product effectively
– Refined product description keywords to enhance SEO compatibility.
– Improved page with cohesive section and view.
– Redesigned the blog post page in a modern and professional appealing so that to build up the brand and potential customers.
– Utilized “Lighthouse” to test and analyze listed SEO features, accessibility and performance.

Skills and tools we have learned along the way:
– Understanding database structure and store system architecture of Shopify.
– Using Shopify platform to customize an online store
– Basic coding with Ruby
– Using Lighthouse to improve the quality of webpages.

Short Description:

The project is aim to recommend an appropriate Shopify theme and developing the theme with customized features. The new website can captivate more consumers, create accessibility for disabilities, and get more online exposure through SEO.

Contact the Team

Video Presentation

Gallery

home page. product page.
blog post page. blog page.
about us page. accessibility report.

Funded By

Ards & North Down: An Emerging Food Tourism Destination

Ards & North Down

Client CABI Tourism Cases
Professor(s) Zainub Ibrahim,
Program  
Students Ian Bambrough

Project Description:

This project is a work in progress. It is being created as a tool for classroom learning, research, and other practical application in the academic landscape.

The Ards & North Down Borough of Northern Ireland is located in the northeast, just outside of Dublin. The borough, although not globally recognized as a food tourism destination, is slowly being recognized for its high-quality food offerings and unique product offerings. The plan for the case is to delve into the supply chain highlighting some of the more unique or prominent businesses, farms, festivals, and markets that Ards & North Down has to offer.

The beginning of the case will outline a major farming operation in the borough. Currently, the focus is leaning towards Milbank Farms, run by an energetic, young woman with an entrepreneurial soul. The hope is to better understand how this vegetable farm is interacting in the local, and broader, tourism environment. It is also important to understand what makes their vegetables superior quality to other farms.

The case will then follow to the next player in the supply chain which would be restaurants. To bridge this gap the case will talk about the “Meet the Maker” event that is held by Tourism Northern Ireland. This is an event where restaurants will make a dish highlighting some of the unbelievable local produce, then halfway through the meal, a producer, or farmer, will speak to the local produce and give some history of the farm, themselves, and the food that the people are eating. This shows the connection between agriculture and the culinary scene in Ards & North Down. There has yet to be a restaurant identified as an ideal candidate to be highlighted in this case. However, this level of the supply chain is also shared with food producers and artisans. For this reason, the case will also look at the relationship between agriculture and artisan food products. Again, there is no particular business that has been highlighted but, it is likely to be a bakery as Northern Ireland is known for its sourdough and it is believed that this would be important to highlight.

The next section of the case will dive into some of the festivals and markets in Ards & North Down. Firstly, the Portebogie Seafood Festival will be put in the spotlight as it will begin to show one of the final culinary offerings in the borough, seafood. This festival has also been selected to be showcased as it has recently become a surf and turf event marrying land as sea agriculture. The market that has been selected as the focal point for this section is the Comber Market, one of the largest in the borough. It prides itself on only having producers from within the borough. It has become a major tourism generating attraction in the area. For these reasons, it has been selected for this case.

The final section of the case will explore a perceived divide between land and sea in all aspects of the supply chain.

Short Description:

A deep dive into the culinary supply chain and offerings of the Ards & North Down Borough of Northern Ireland. All the photos included in this poster are credited to Tourism North Ireland.

Contact the Team

Video Presentation

Gallery

seafood festival dish. Echlinville distillery logo.
Comber Earlies carvings. Comber Earlies Mighty Spud.
Portavogie Seafood Festival sign. Portaferry waterfront.

Funded By

GHS ENTERPRISE

GHS Entreprise banner.

Client Greg Smith
Professor(s) John Kozodoj,
Program Interactive Media Design
Students Team leader: Shiqi Zhang
Team second:Kavel Dudhat
Team member:Xinxiang Xu
Team member:Jiajia Zhu
Team member:Siqi Xie
Team member:Jingze Wang
Team member:Pareshdeep

Project Description:

Client want our team create two type of videos can help them to Spread corporate culture.

Short Description:

Our client want us create four videos. two for help organizations and individuals obtain a basic understanding on how Organization Culture Reveals Itself. And another two for explain the GHS Enterprise’s Five Tenants of Effective Culture Shaping.

Contact the Team

Video Presentation

Gallery

project objectives. project process.
target audience. Shot list.
Storyboard. Voice talent.

Funded By

Taza

Taza banner image.

Client Islam Gomaa
Professor(s) Abdullah Kadri,
Program Computer Engineering Technology
Students Asim Jasarevic
Griffen Tanguay
Muhammadmohi Qureshi
Jonathan Hotner
Naomi Nindorera

Project Description:

During the Covid pandemic, people in the food industry have seen their profits dwindle. This is a result of the pandemic restricting customers from attending small businesses and community events. Therefore the Taza web application being developed by 5-bit System is being designed to promote local home-based businesses over large corporations. It offers a user-friendly interface, promotes lower prices in comparison to the competition, and allows fluent and quick delivery via a third-party driver. This application must oversee and allow interaction between three types of users: buyers, sellers, and drivers.

Short Description:

The Taza web application is a food ordering platform that was developed in order to support local home cooks of diverse cuisines to advertise and sell their delicious dishes.

Contact the Team

Video Presentation

Gallery

signup page. user profile page.
partner signup page. shopping cart.
Restaurant selection page. driver locator.

Funded By

Change Management XR Simulation: Project Managing Organizational Shifts

PMGC Change Management simulator banner.

Client Nicole Priatel, Tanya Pobuda, Demir Deliduman
Professor(s) John Kozodoj,
Program Interactive Media Design
Students Jasmine Ebery (Team Lead),
Emilia Ester Guimaraes Jardim (Team Second),
Francois Roger,
Melika Shahbazi,
Ramana Selvakumaran

Project Description:

The Project Management Graduate Certificate (PMGC) is a program offered at Algonquin College. They want to create a simulation module that will be published through eCampusOntario and the Pressbook system. This will be a multiple-choice game opportunity that will be a free open educational resource license to students across Ontario.

This particular simulation module will be designed to give deep insight into corporate change through the lens of empathy to create a better working environment. The target audience will be post-secondary learners, professional learners making a mid-career shift, and of course instructors.

Nicole Priatel, Tanya Pobuda, and Demir Deliduman, have all requested the help of a team of design students to help create parts of the simulation module. The design team will provide a style guide that includes: a colour palette, fonts, icons, images, and a slide deck template, design a help character using the Zapworks software, and finally provide a voice recording of the script.

Also working with this project is the Office of Applied Research and Innovation’s (ARIE) facilitator David Solomon.

This project is funded by eCampusOntario and its Virtual Learning Strategy (VLS) initiative.

Short Description:

Project Management Graduate Certificate (PMGC) is creating a simulation module that gives insight into corporate change management through the lens of empathy. The project team will create a style guide, help character, and a voice recording.

Contact the Team

Video Presentation

Gallery

moodboard. demo slide 1.
demo slide 2.

Funded By

Halalmart: Halal food delivery

Halalmart banner image.

Client Islam Gomaa
Professor(s) Abdullah Kadri, David Lindsay
Program Computer Engineering Technology – Computing Science
Students Amero Defranco, Dhruv Chaudhari, Harrison Hammond, Jonathan Hendley, Zhicheng Zhu

Project Description:

Halalmart is a new startup created by Islam Gomaa. It is a company that helps people seeking Halal food to find and order local food. The system designed will be a website the acts as a digital storefront for local businesses to host their goods on. It will allow users to view and order Halal foods from various local stores. It is a service in great demand as many people immigrate to Canada each year or move around the country and need to find new Halal market places. Halalmart aims to make that easier by offering Halal food delivery from local businesses.

As for the website, the following web pages were requested:
1. Login/Signup page
2. Account management
3. Store page to allow users to view products available for purchase
4. Item page to allow viewing the details of different products as well as ordering them
5. Cart panel allows users to view their cart, modify orders, apply coupons, set up payment and deliver info, as well as place their order
6. Driver panel will allow drivers for Halalmart to view orders in their area, track progress on orders, schedule delivery, and update progress.
7. Admin panel to allow admins to modify, update, delete, monitor and moderate stores, users, and drivers.

Our client requested from us a website application that would operate similarly to Uber Eats or DoorDash. It was asked to be a .Net application using Angular to design the web pages. This allows us to make the site easy to use and visually appealing. All resources required are created in Azure, making the site stable and reliable. Because of this, the website is set up to automatically scale as the servers receive large loads. The Database used to store all users and store information was set up as an SQL database.

Short Description:

Halalmart is a service similar to Uber Eats or DoorDash. The difference being Halamart focuses on delivering food in complete compliance with Halal practices. It is available on desktop and mobile device browsers.

Contact the Team

Video Presentation

Gallery

product description page. login page.
product gallery. sign in page.
store management page.

Funded By

Culture Monitor – Alice In Blockchains

Culture monitor banner.

Client Greg Smith
Professor(s) Karan Kalsi,
Program CST8334
Students Kris Charbonneau
Anoop Sidhu
Yi Liu
Ding Sun
Weixin Wang

Project Description:

The purpose of this project is to complete all the remaining functions of Culture Monitor. The project plan is for the completion of 4 items.

1. Get the last two charts under “Poll Comparison” (in Dashboard) operational.

2. Implement a dropdown functionality on the CM Dashboard for version selection.

3. Load Workforce functionality.

4. Establishing a Culture Shaping Profile.

Short Description:

CM™ (Culture Monitor™) is a five-to-ten minutes assessment “hard-wired to culture” and used by periodically engaging employees’ perception of the culture’s evolving state.

Contact the Team

Video Presentation

Gallery

home page. dashboard.
dashboard action acomparison. Factors.

Funded By

LivingGreen Web Application

LivingGreen banner.

Client Myles Jones
Professor(s) Karan Kalsi,
Program Computer Programming
Students Team Lead: Aarsh Doshi
Team Members: Pardis Feizi, Samira Saeednooran, Ngoc Que Huong Tran, Li Sha Wu

Project Description:

This web application was built for our client, Myles Jones, President of the non-profit association Living With Trees located in the National Capital Region. We received a request from him to build a web application that will allow the users to log in and track the amount of residual materials they throw away over time. The client’s company (LivingWithTrees) takes care of customers’ curbside trash: Recycling, Compost, and Landfill waste. They are trying to spread awareness and encourage people to do better waste-sorting practices. We found that our client’s company doesn’t have any tool that they can use to display the waste data collected to their customer base so he requested us to build a web application that will fulfill his company’s needs.

Our team provided the client with an online portal where his customers can easily log in and check the amount of garbage they throw away every week. Before this project, the client was storing the data in the localized database but with the help of our web application and database integration, the client can now store data in a service-based real-time database. Furthermore, our application provided the user with the opportunity to choose between English and French language and displayed the data accordingly. Last but not least, this web application has a Level A accessibility feature (Text to Speech) to enhance user experience and improve user’s site usability.

While building this application, we learned how to communicate effectively with a client and how to work in a team environment.

Short Description:

LivingGreen web application allows the customers of LivingWithTrees company to track their waste habits and monitor the amount of waste they throw away over time.

Contact the Team

Video Presentation

Gallery

registration screen. login screen.
homepage. user profile.
Edit profile page. login page French.

Funded By

Masjid Pass

Masjid Pass banner.

Client South Nepean Muslim Community (SNMC)
Professor(s) Abdullah Kadri,
Program Computer Engineering Technology – Computing Science
Students Ayub Mohamed
Justin Burns
Mariano Velasco
Philip Thesen
Yash Ketanbhai Patel

Project Description:

The purpose of the Masjid Pass scanner application is to provide SNMC members a safe and easy way to attend prayer at their local mosque. With COVID-19 still looming over our society, it is important that any large indoor gatherings are done as safely as possible by the organization hosting them. The needs of our client are to provide them a mobile application that will be able to help with these pandemic precautions.

The application will be easy-to-use for members, volunteers, and or organizations, as well as make entering and exiting an event as smoothly as possible. However, this solution requires more than just counting capacity of an event. Our solution will provide an organization not just the number of attendees, but details of those individuals.

Our project. will be to incorporate a maintainable framework that will allow the client to further develop the app down the road as well as include any additional safety features. This, of course, will benefit the members of the South Nepean Muslim community greatly by accessing their account and events in a quick and safe manner. We hope to deliver on all of the mentioned requirements, so that individuals can feel safer while attending the mosque

Short Description:

Our project, MasjidPass, is an event tracking mobile application, that facilitates entry into events at participating mosques in the South Nepean Muslin Community (SNMC).

Contact the Team

Video Presentation

Gallery

splash screen. login screen.
settings screen. device info screen.
scanner screen.

Funded By

Data 2 Intelligence

Data2Intelligence banner.

Client Gurbachan Singh & Paul Trudel
Professor(s) Abdullah Kadri,
Program Computer Engineering Technology
Students Created By: Caffeine Overflow

Dante Beltran (Team Lead)
Hamza Salman
Kevin Truong
Mark Greenidge
Bochi Li

Project Description:

When it comes to data exploration, there is a high learning curve for researchers and data analysts to turn raw data into useful information. Currently, there are very few options to visualize data, most of which are paid options. What these solutions have in common is that the licensing fees are expensive and not always accessible to the average consumer. The other option is to use statistical languages for analysis such as Python. However, the average user is not always a developer, and therefore will struggle trying to do so. The goal of Data Patterns is to provide a more cost-effective alternative to the paid solutions that exist. The “Data to Intelligence” website will provide a one stop shop for individuals or small organizations, to easily upload and understand their data, while using statistical and visualization tools to find diverse ways to make sense of it. Additionally, all issues, bugs and milestones achieved by the developers, will be documented as the project is developed. This way, users can learn about how we achieved this result and increase their knowledge of data science along the way.

Short Description:

The “Data to Intelligence” website will provide a one stop shop for individuals or small organizations, to easily upload and understand their data, while using statistical and visualization tools to find diverse ways to make sense of it.

Contact the Team

Video Presentation

Gallery

visualizations sample screen. upload page.
developped dashboard. geo map visual.
scatter plot visual. homepage.

Funded By