.png)
This link will take you to a mock up site
built on Webflow
Aquaculture
Johnathan Bazinet
Overview
Aquaponics is a low-maintenance and sustainable growing practice that can be kept indoors to avoid weeds and bugs. By designing a family model people can feed their families fresh food while also giving them the freedom to tailor their system to their family’s wants and needs. Through prototyping data collection to design the best model for a family to use.
.png)
Click orange text
Case Study
Phase 1: Defining the market
Phase 2: Prototyping Artifact
Phase 3: Prototyping Website
Phase4: Planning for the future
Defining the Market
Benefits
.png)
User Needs
The ideal user would be someone between the ages of 25-30. These users would be already into the hobby of caring for plants or fish keeping. Additionally, they would already be purchasing natural products and trying to live a natural lifestyle within suburbs. These users would also already have well-paying jobs that would be able to afford a hobby like this.
.png)
Prototyping and data collection User Needs
Prototyping
System development
.png)
A live prototype was created to prove how often users could take from it. How it could grow in low-quality light conditions and to find possible flaws.
3D modeled version allows users to have more access to plants and animals as well as makes it easier to clean. There is an overflow safety built in, to allow the system to still run even if users have a backup in their bell siphon. The system base is bamboo, a sustainable building material that would appeal to users.
In 25 days 8 meals
were made from vegetables grown in this
Aquaponic system
.png)
Web development
Users will land on a page with an interactive 3d model that will draw them. The model will be labeled and the camera angle will change to help users understand the titles. Handcrafted icons and art are also on the page to give users a more modern and clean feeling to the product.
.png)
.png)
Prototyping and data collection
Idealizing a final project
Idealizing a final project
1. Have a fully functional high-fidelity prototype like the one in the 3d model.
This would confirm my beliefs about upgrades and show further ways to upgrade the system for the better.
2. Develop other assets of the prototype.
During this project, many ideas were thought of to elevate the overall design such as package design, Arduino functions for auto feeders and temperature regulators. Some features mocked up allowed users to choose what size system they wanted and what they wanted to keep.
3. Looking into the pricing of a unit.
How much this would cost someone to own is still something that has to be looked into.
4. Creating a seed add-on.
This would allow users to grow their own seeds without the need for other germination methods.
5. Finding a way to add to the growing bed.
This would allow users to expand their growing bed beyond what is provided. Making the system expandable will make it so users are not only one-time buyers and will come back to grow their hobby.
A Product Overview & Business Case
.png)
Creating a 1-page landing page to display a high-fidelity aquaponic farm with information about it. A 3d model will be created to show the high-fidelity model and have that on the main page as the hero image. Data collected from the system will also be displayed in a dynamic way to inform users about real-life scenarios to help them understand how often things get used. The target audience will be middle-class families looking to get into the hobby.
Success Criteria
-Create a working one-page site that houses information
-For a user to understand the concept without me explaining anything
-For good visuals explaining the content
-For users to stay on the page and enjoy the time while giving clear information
Goals & Priorities
Side Goals
To build a high-fidelity prototype web page that looks like,
-A corporate
-Level site with branding.
- User testing.
- Documenting how the system has worked so far.
- Building an auto feeder
- Adding a temp reader
User Definition
The demographic would be adults between the ages of 25-30 who are nature lovers, looking for all-natural green products. These people would be looking for sustainability. These people are the types of people to look up forging practices or other nature related videos.
Project Plan
https://docs.google.com/spreadsheets/d/1ih8nQmezE5d5AMx3xfcMngiFMUW1SGipgUXoP4qhNvg/ edit?usp=sharing
Wireframe
-A grey box wire frame for content to fill
Prototype
-Fill grey boxes with info
-Test if the info works
-Arduino auto feeder
High-fidelity
-Use what was learned from prototyping and polish the functions
Risk Management Chart
Technology Choices
The programs I plan on using are Rhino for 3d modeling High fidelity models. Photoshop will be used clean up images and use illustrator for graphics and graphs. Everything will be built in HTML and CSS with a bit of java.
Identify key Resources
.png)
I am staying open to options of how things look and will be taking what I learned from class and looking
online for other inspiration.
Mood Board
Success Criteria For Wire Frames
-Understand what they are seeing
-Be interested in the project
-Wish to learn more
-Learn something from the page If these criteria are met, then this project will be on the right track to going into further development. If some are not met then changes will need to be made to the clarity of the site as well as the purpose of it.
To make this project successful people need to.
Wire Frames
Different wire frames will be navigated by users in a coffee shop, interview style. Users will be requested to navigate the site with the goal of understanding what they are looking at. Questions will be asked at the end of each interview to get feedback on key points such as nav sorting and description as well as clarity
1
3
.png)
2
Wireframes adobe XD
Questionnaire
1. What is the content about?
2. What is aquaponics?
3. Do you like gardening or keeping aquariums? Why or why not?
4. What introduction did you like best?
5. Do you see yourself using this system? If so what animals and plants would you keep?
6. Did you learn anything new?
7. What would you like to know more about?
8. What navigation did you like best?
9. Did the item sorting help or confuse you?
10. What did you like most about the site?
11.What could you have done without?
Questions will be targeted at people between the ages of 22-26. Who are at the college level with mixed backgrounds. I am looking to get feedback from at least 5 users maximum of 10. I would like them to be some people not interested in half of the process to see if this prototype has at least sparked an interest.
Results
Question Results in Google Form
What is aquaponics?
Almost 100% of people understood what aquaponics is.
What introduction did you like best, and why?
The majority liked the first.
Do you see yourself using this system? If so what animals and plants would you keep?
50% of people saw themselves having this system.
What navigation did you like best, and why?
It was split 50/50 between 1 and 2.
Did you learn anything new, what did you learn?
“Yes I learned what aquaponics was “
“I learned that I can grow celery, I didn't know that honestly “
The results have shown that my wire frames are successful. My success criteria were met with users understanding what they are seeing and being interested in it. With the criteria met I can move forward with making a high-fidelity version.
Prototyping
Prototyping charting
Key data
-Went from 18-15 shrimp
-7 meals were had using grown food
-3 water top ups
-This is almost one month
-Rot developed from flooding
Flaws
The gravity filter got backed up and the pressure in the system needed to be pushed, causing everything to be wetter than needed. This started as a result of water being added to the tank. The solution was just to wait the problem out.
This issue can be fixed in the future by having the growing medium higher then the bell syphon allowing for water to rise but not drowned plants.
Prototyping Future
.png)
Moving forward with prototyping the system has new plants added to see how full it can be made and if the water quality will get better. Plants have been added to the pots after watching another system work similarly. This will allow root systems to not be damaged and for the water to be added and removed without drowning the plants. This will be a document to see how things progress. This will also add to the number of meals I can make.
Identify the Technologies
Repository and Backup Routine
.png)
The backup will be done on the git hub and USB to keep files intact. If an error occurs an earlier version will be used to recover the data.
Code Goals
.png)
For the site, I wanted to have an interactive element at the top of the webpage that users could use and manipulate to allow them to explore the device themselves. This rendering is not meant to be a perfect replica but a representation of how things could look.
I coded the camera angles of the code as well as the buttons and placement. When the buttons are clicked they rotate the object and change the camera view. Text will also appear to explain more about the system.
Success Criteria
What was
Success & not
-Have a 3D model move in the browser to act as an eye
-Catching interface to bring my user audience in
-Label different parts to explain to a user that may not understand how this system will work
-Have text appear to explain the model to further explain how the system works
-Add to Webflow site
For the site, I wanted to have an interactive element at the top of the webpage that users could use and manipulate to allow them to explore the device themselves. This rendering is not meant to be a perfect replica but a representation of how things could look.
I coded the camera angles of the code as well as the buttons and placement. When the buttons are clicked they rotate the object and change the camera view. Text will also appear to explain more about the system.
Appendix
.png)
Appendix
https://www.houzz.com/magazine/what-goes-with-dark-wood-floors-stsetivw-vs~29251681
https://www.thisoldhouse.com/gardening/21018718/grow-a-healthy-vegetable-garden\
https://www.seafoodsource.com/news/supply-trade/minh-phu-s-next-big-bet-is-on-organic-black-tiger-shrimp https://entnemdept.ufl.edu/creatures/MISC/cherry_shrimp.html
https://freeiconshop.com/icon/html-icon-outline/ https://www.iconpacks.net/free-icon/css-1478.html
https://uxwing.com/java-file-icon/ https://www.freeiconspng.com/images/school-icon-png
https://www.flaticon.com/free-icon/youtube_152810 https://seekicon.com/free-icon/google_10 Bell Johnahtan slide 4 and 7 from Ronald’s class