thisisforclassposts
95 posts
Don't wanna be here? Send us removal request.
Photo
0 notes
Text
Final Project Blog Post
This post is all about my process & design for my final project in Info & Web Programming. I collaborated with my friend, Laura, to create a prototype website for her clothing brand: Reaper & Company©. I started out by taking a look at her existing site, trying to get a feel for the basic aesthetic that we were going for. It’s pretty simple and straightforward, so I knew I wanted my storm website to reflect this but with a pop of color. The designs are based on her love of Halloween, so I wanted to include the blacks and oranges that were traditional to the holiday. I created my wireframes and sitemaps:
I ended up sticking to my original designs with the exception of the products page, as we ended up only displaying three of the designs.
The navigation bar was very exciting to complete on my own, and I really enjoy the white aspects of the site that help the oranges in the pictures and the hovers stand out. I loved hearing the feedback from my peers, especially because everyone gave me the confidence that I was headed in the right direction. I ended up making only a few edits from my original site that I showed on Monday because I had it mostly completed. I made the logo transparent so that the hover would not display a white background within the orange, and I changed the pictures around because originally I only had 2 of them. I had the navigation bar a dull blue at first, and was told by the New Media & Digital Design kids to give that boi a pop of orange color -- I did and it looks great! I’m also very happy that my website is responsive, as we want her actual working website to be usable on a phone as well. I’m not happy with the screenshot quality of the product images we selected, but there was only so much we could do with custom ink, and we didn’t have them all in person to do shoots. I changed up the button colors on the products page to give them the same color theme as well as some basic animations with css just to spice things up. I wish that I was able to get an alert up and running for the buttons, but javascript and me just really weren’t vibing. Instead, I created another page that the user is redirected to when they try to add a product to their cart. This lets them know that the website doesn’t work, but gives them the opportunity to go to the shopify working one that is currently up and running. I gave the insta logo on the bottom some space away from the tops of the pages, making it more distinctly a footer. I changed all my links to open in new tabs to keep the users on my site instead of leading them elsewhere and I made sure to site all my code and pictures that I took from the Internet. I didn’t end up editing out the cars of my pictures as I like the foggy mysterious look that shows the feel of the brand more than the actual brand itself. It reminds me of a lot of other alternative clothing brands that we did research on to see what else is out there. Here is an example of one. Dope! I am happy and proud of myself for making this -- especially excited that we are implementing it into the real store as well.
0 notes
Text
The Exhibit at the Whitney
The coding exhibit was called Programmed: Rules, Codes, and Choreographies in Art, 1965-2018 and had a variety of coding projects on display. When you first walk in, giant multiple TV screen sets overwhelms your audio and visual senses. The soundtrack was a little unnerving and the visuals were highly saturated, making me curious for the rest of the floor but left me feeling slightly guarded. By reading the plaque on the wall almost hidden in a corner away from the screens, I learned that it was meant to display how media content shapes everything. It is mean to be overwhelming, and I think they did a good job with showing it.
This exhibit was cool because it was on an iPad (meaning more modern) and I stumbled upon it after viewing many older exhibits. I love VR and getting chances to play with it. I found myself in a kind of virtual aquarium surrounded by different kinds of fish and sea items. By reading the plaque, I found that the amount of viewers observing the coral actually causes it to die off. It can grow back after a period of time, but when I looked in the iPad I was seeing it at its full beauty. I wish that the exhibit would have made it more obvious that it was speaking about maintaining the ocean rather than just doing another VR project. I like exhibitions where you do not necessarily have to read the plaque to know what the deeper meaning is.
This exhibit was my favorite! It reminds me a lot of how my coding teachers have shown me to view code. The code is programming itself to show the viewer in orange how people might read the text, the white to follower the programmer’s ideas, and the green to demonstrate how the code works. It was mesmerizing to watch and really helped to make me feel connected to coding even though there were no graphics or images to enjoy. As a visual learner, seeing how the process of code works from these three perspectives was very powerful to me. It was also cool to be able to read some of the lines of the code and understand what it means (thanks to Fordham programming classes!)
0 notes
Photo
0 notes
Photo
0 notes
Photo
0 notes
Photo
0 notes