For an Immersive Design class project, I designed packages of three flavors of matcha drinks and an avatar for a tea company, Macha Ninja. Using Augmented Reality technology(AR), the interactive models of the product is available to be presented in reality using Adobe Areo app. Feel free to scan the code and see Matcha Ninja in your environment!
%20QR%20Code.png){kind=avatar}
Because the game engine can't handle multimillion poly models, we need to reduce the poly face count to < 5000, while 3D printing needs high poly count to achieve details.
5. Design Platforms and Tubes inside the Tree for Hardware to Fit in
In the game, players explore the fantasy world of a depressed female protagonist’s mind. To win the game, the protagonist needs to fight against monsters to beat her depression. The key feature of the game is the weapon, a specially-designed gun that’s connected to the protagonist’s wellness backlog. The backlog is her defense arsenal that, for example, includes her tears which have been transformed into bullets. She can use these bullets to shoot the monsters. The gaming experience resembles that of depressed patients fighting and overcoming their mental illnesses, and takes players on an educational journey to better understand mental health issues. Unlike most mental-health-related games, The Power of Pain showcases both the vulnerability of people suffering from depression and the resilience that can come out of such struggle. Painful experiences can teach us life lessons and thus sometimes strengthen or give us additional problem-solving tools.
The corresponding webpage explains the game to potential audience members. By showing the game concept and background story, the website help players understand the game’s purpose and gameplay.
The show is held right before graduation, to gather works of all graduating students at Newhouse VIS department at Syracuse University. Therefore, we design to emphasis their positivity, creativity and bright future.
For Entire Site:
I want to find them on social media.
For Secondary Page:
1. I want to know how I can submit my artwork or poetry.
2. I want to be able to contact the organization easily.
For Entire Site:
Display icons/links to the various social media accounts beside the anniversary campaign.
For Secondary Page:
1. Include a submission section with submit button and submit deadline Time count down in the Hera section of homepage, giving artists a sense of how much time left for submission and easier navigation to submit page. Artist will be direct to the section that gives an overview of the process, along with instructions and necessary entry materials of they clicks submit.
2. Provide an email address, phone, physical address in footers and email drop line above footer is accessible from every page.
For entire Site:
1. I want to subscribe to an email newsletter
2. I want to donate to the organization.
3. I want to know where did past donation funding spent.
For Secondary Page:
1. I want to know how I can buy copies of the posters.
2. I want to know how I can support this organization, by possibly donating my time and/or money.
For Entire Site:
1.Put a subscribe function on both the hero section of the homepage site’s UI and every pages' footer. This requires an input (as text for the user’s email) and a submit button.
2. Site’s navigation structure should have a call to action to donate to the organization. This link/button should be of high contrast and placed on every page of the site.
3. A clear infographic showing on the hero section of the donation page, to show how the donation would be spent, thus convince the donator to safely donate.
For Secondary Page:
1. Easy access to a shopping cart, which includes check out and product page functionality. "Shop" section is included in the navigation bars.
2. Information on support opportunities. "Donate" and "Support" both included in navigation bar for easier accesses. The call to action(s) should be to donate directly or contact the organization through an email and/or web form.
For Entire Site:
1. I almost always read/view websites on a mobile device.
2. I want the site to be accessible and easily navigable to use.
For Secondary Page:
1. I want to easily navigate from one secondary page to another within the same section.
For Entire Site:
1. Improve the mobile site. Mobile web browsing surpasses desktop web browsing. This means that the mobile version of the site should be as good as or better than the desktop version of this website.
2. This is about visual design that is accessible to all readers, regardless of their handicap. For example, use high contrast test and design elements for color blind readers. Be sure that every ALT attribute is appropriate.
For Secondary Page:
1. Each section of the site should use sub-navigation within a side bar, or use dropdown menus in the main navigation bar.
