Latest Entries »

http://transmedia.trinity.edu/~ejones/Minisite3/testtest.html

Screen shot of my form page. Encouraging viewers to tell me all their secrets

I had no idea that getting information from people would be this easy (well, with this and Google Analytics). This badge was not hard once I uploaded Dr. Delwiche’s example into my Notepad. I tinkered around with email address and the CSS and the text and viola! it worked. The tutorial helped make the form make more sense. I actually watched a couple of the other videos in that same tutorial (other than just chapter 7). It was interesting learning about the history of HTML and XHTML.

I decided to go with a “secret” theme, kind of poking at the notion that people give away their personal information so voluntarily on the web (and I wanted to know Dr. Delwiche’s secrets…) because of the false sense of security that it will go no where. But little do they know.. it’s emailed directly into my inbox.

Advertisements

During high school, I originally wanted to go to culinary school and open up my own tex mex restaurant (I make some mean fajitas), but my ideas all changed when I realized how much I would hate smelling like grease everyday. So I’ll use this badge as a way to create a hypothetical restaurant website, grease-smell free! I researched some examples of great wireframes and took some inspiration from those. Similar to minisite #2, I used MockFlow to execute my design ideas.  It took me a while to scroll through all the icon options– so many things can be put on a website!– but I found some useful ones. The website includes home page, comment page, and contact page.

The home page features the restaurant name and logo in the banner at the top. Not

only does this serve to name the page and let the customers know which restaurant they are looking at, it binds the pages together stylistically. The navigation bar allows users to flip through the different pages. The text on the page will include information about the what the restaurant serves, recent awards, history and about the owners etc. The image will be of patrons of the restaurant. Just like the banner at the top, the cover flow option at the bottom of the page will scroll through pictures of different menu items and customers at the restaurants. The pictures in this place gives the users’ eyes a stopping point and adds an interactive element to the page, as viewers can stop on one or move on through the collection of photos. Although I couldn’t find the button in MockFlow, I would also include the links to the different Facebook, Twitter and social media accounts.

The second page would provide a list of the different restaurant locations. Again, the banner and scrolling pictures would be featured at the top and bottom, respectively. The name of the location is represented by the “Label” tag and the text underneath is the address. This is a pretty typical design for restaurant location pages (I research a couple like this one and this one too.) The photo collection at the bottom would feature a map as the center photo when users first clicked on the page. This could then link to Google Maps so audience members could easily search for directions.

 

The  third and final page include testimonials of what customers have said about the site on different social media pages. We incorporate all those into a word cloud, displaying the more common words larger than the others. This is visually appealing and could encourage people to send forth their own comments so that their words will appear bigger. To submit their own comments, the page will feature a comment box, and text above to explain that we value their opinion.. etc. The photo featured on the bottom of this page would be a smiling customer, with a comment card.

The information gathered by Google Analytics measured the number of visits, unique visitors, page views, pages/visit, avg duration of visit, bounce rate, and new visits. This information would be extremely helpful for companies looking to see how users connect with their site. For example, if there was a problem with one part of the site, they spend more time on that page, or if they were reading a more engaging article or blog posts, the bounce rate would decrease. All my website hits occurred in the United States, but as the video tutorial highlighted, information could also be obtained from other countries, hinting at trends around the world.

Let’s assume that I built a website for my favorite burrito restaurant, Chipotle. If web traffic spiked on the nutritional information page, I would think about displaying that tab more prominently on the page so users could find it easier. Similarly, if hit increased during lunch hours, I would assume that more people were thinking about Chipotle right before their lunch hour, potentially ordering online or looking up menu options, this might encourage me to create coupons for lunch.

However, misinformation could be a problem. If one 100 person office building orders their lunch online at Chipotle for a Farwell Party, the company would see an increase in sales, assuming it’s widespread but in reality it’s just for one office party. Seasonal trends can also create a phantom gain in web traffic. For example, website hits that include information about Cadbury eggs coincide with Easter.

In the case of my minisite,  I had 72% returning visitor rate, potentially meaning that I’m creating content that others are revisiting (yippee!) after 7 days of data collection. I can propose this fact to advertisers. However, I also want to drive in new visitors (the remaining 28%), so I could try to change my keywords, see what my competitors are doing to attract new visitors.

I also found out information about my visitor’s service provider and operating system. Four of the 11 are from Trinity University (surprise, surprise), five of use road runner and the other 2 use AT&T services. I could use this information to advertise to Trinity students, or staff. All 11 users Google Chrome- I have a tech-savvy audience because they took the time to download a non-default application. I might talk to technology focused advertisers for the page or I could offer products that would appeal to that audience.

Google Analytics, although not flawless, is a free, educational service that business should use to generate information about their customers or potential customers. At my internship (slash soon to be full-time job), I help post blog information on the website, I will surely recommend we start using something like this monitor traffic on the site.

After watching more than a few hours of video tutorials,  I feel like I have a much better grasp about the ins and outs of Illustrator. There are so many things that I kind of knew how to do before but didn’t know how to do it the right way or with all the shortcuts. The video by Mordy Golding went into detail about how to save make the right size canvas and a bunch of other features of the program that I would have never even thought of. I’ve already completed the Logo Maker badge so I took some knowledge from that badge into this one and tried to make a logo was simple and recognizable. I really like messing around with the color swatches in Illustrator and the video on color was really helpful.

I made the logo for my own PR company (that I may start in the future). I couldn’t decide on a name, and now I realize that that name is probably already taken. I wish there a badge for company naming.

 

the logo- for when I open my own PR company

Minisite #3

Finally finished minisite #3. Javascript and me don’t get along- which is a shame because it seems like it would be so logical, but false (at least for me).

I went with the fruit theme because I found an example site like this. Harry and David sells really delicious pears.

My problems first were that I didn’t understand how the names were supposed to go together. For example, the names in the quotation marks on right next to getElementById didn’t need to the same name as the other elements. I tried using innerHTML codes in my javascript but those didn’t work and I honestly still don’t really understand what they do, so it’s good I got rid of them. My page was always trying to find information that wasn’t there. After working with Dr. Delwiche, I got my e-commerce site to work.

Then came problems with CIA page. I couldn’t figure our how to store the information and get it called back to the page, even thought I knew it was being stored because my e-commerce site was working. After some more tinkering, it finally started working. I also had trouble getting the click count on the CIA page. It worked on my Scroogle page but wouldn’t transfer over. Once I figured out how to get it save, then it started working and my problems were complete.

Ta da! it shows pear-related items if you click pear.

The biggest problem I had on this minisite is that once I ran into a problem, I got stuck. There is a very steep learning curve to learning Javascript and it takes forever to get the hang of it (something I’m still not at). But after I looked through the code of minisite 2, i realized that CSS looks like cakewalk now and it’s all put into perspective.

R

LED light dress- Designed for an opera show, this dress portrays the fashion side of wearable technology

ATTN: Aaron Melwiche
Technology Innovations, Inc.
San Antonio, TX
Research & Development of Wearable Technology: Stage One- Research of Current Market

When I heard this term of I think of calculator watches or light-up kid shoes. But the field has grown to much, much more than that. Through my research of 10 articles/academic journal entries, wearable technology is centered in Europe. It was hard to find an article that did not come out of Spain, England or France. The United States also had some presence in the research of the new technologies. Asian countries are often the countries that produce the finished goods, but they did not have a large amount of presence in conducting research for the new technology. The products focus on 3 different fields: medical, health/fitness, and fashion.

Medical

Medical is the most researched of the 3 areas. Products developed include t-shirts that measure stress, heart rate, and respiration. They make the physicians job easier, as they can make sure the sensors are placed in the exact right area of the body, thus allowing the patients to leave the hospital and carry on their daily lives– generating much more realistic test results.

Smart orthopedic cast models muscle activity around the fracture.

EMBS (Engineering in Medical and Biology Society) is one the largest research centers for wearable technology, propose just that. They believe in-home healthcare will grow as the baby boomers age and become less mobile. Other than wearable heart monitors, companies are also looking into glucose, respiration and temperature monitors.

Out of Japan, companies are creating a product called Bones that monitors muscle activity around a fractured bone to smart-heal the bone using embedded electromyographic (EMG) sensors. The cast syncs up with an online community-based network of fellow patients, empowering people to ask questions, report progress and take charge of their own recovery. The data is then sent to doctors and physical therapists.

Health/Fitness

In the health and fitness field, wearable technology has been around for a while but is quickly utilizing better, smaller technology. For example, the pedometer has been around for years, but newer versions of the simple device add more features, such as mile counts and pace setters. The health field is also researching technologies that make the use of radio waves more efficient. Human bodies are especially good at absorbing radio waves, therefore leaving most shorter-radio-wave technology useless, but the longer the wave, the longer and more noticeable the antenna has to be. Something gym-goers are not looking for in their ideal workout gear. The research in the field is looking to create strong radio waves  without the hassle of antenna.

Fashion

Some proponents of increased research state that clothing is an insufficient form of expression, suggesting for clothes that will turn a color depending on the wearer’s mood. Clothes of the future will have the ability to project our values, culture and personalities. Most of the wearable technology fashion is focused in Italy. New products include solar powered necklaces (pictured below) that will charge the cell phones or watches of the wearer. Flashy LED light dresses (pictured at the top) were featured in an opera in Spain. One company producing the SmartShirt says that clothing in the future will include a shirt that displays smileys or emoticons that project a person’s current mood.

Other

Brad Rhodes, a software agent at MIT, has done research on wearable technology that would be able to recognize faces and speech patterns. Creating a “remembrance agent”, it will watch over all the user’s interactions, supplying it information that one may forget on their own. For example: You recognize someone but can’t remember his or her name. Your wearable analyzes the face and scans a database of people you’ve met.The machine makes a match and displays the dossier on a tiny screen hanging in front of your eye or maybe whispers through tiny speakers in your ears. Now you know the person’s name, occupation and any e-mail correspondence you may have had.

Issues

  • All these technology require battery power, however battery packs on the back of shirts are not something consumers are willing to deal with. Nanotechnology may aid the situation by creating non-bulky energy sources but
  • For the medical field, some are skeptical about the use of algorithms for human health, as all humans heal and feel things differently.
  • Some wearable technology Privacy  and the presence of “Big Brother” technology has received back lash.
Sources:

Necklace of solar panels powers watch and other electronic devices on the body while making a fashion statement.

1. Mura, Gökhan. “Wearable Technologies For Emotion Communication.” METU Journal Of The Faculty Of Architecture 25.1 (2008): 153-161. Art & Architecture Complete. Web. 11 Apr. 2012.

2. Harris, S. “Catwalk Goes Techno (Wearable Technologies).” Engineering & Technology (17509637) 3.18 (2008): 28-30.Academic Search Complete. Web. 11 Apr. 2012

3. Blythe, Mark A., Peter C. Wright, and Andrew F. Monk. “Little Brother: Could And Should Wearable Computing Technologies Be Applied To Reducing Older People’S Fear Of Crime?.” Personal & Ubiquitous Computing 8.6 (2004): 402-415. Academic Search Complete. Web. 11 Apr. 2012.

4. Dermot Diamond, et al. “Wearable Sensing Application- Carbon Dioxide Monitoring For Emergency Personnel Using Wearable Sensors.”World Academy Of Science, Engineering & Technology 58.(2009): 80-83. Academic Search Complete. Web. 11 Apr. 2012.

5. Rosenblum, Andrew. “Spy Vs. Spy.” Popular Science 279.2 (2011): 27-29. Academic Search Complete. Web. 11 Apr. 2012.
wearable video devices to stop casino goers from stealing/tricking the dealer.

6.Bonato, Paolo. “Advances In Wearable Technology And Applications In Physical Medicine And Rehabilitation.” Journal Of Neuroengineering & Rehabilitation (JNER) 2.(2005): 2-4. Academic Search Complete. Web. 12 Apr. 2012.

7. Allbritton, Chris, and Jamilah Evelyn. “Bit By Byte, A Cyborg Future Looms.” Community College Week 15.24 (1998): 6.Academic Search Complete. Web. 12 Apr. 2012.

8. Uehara, Mika. “Trend Spotlight: Wearable Technology with Erich Zainzinger.” SF FASHION TECH. 2012. Web. 12 Apr. 2012.<http://www.sffashionandtech.com/2012/03/13/trend-spotlight-wearable-technology/>.

9. Syuzi. “Healing Fractures With Wearable Technology – Fashioning Technology.” Web log post. Fashioning Technology. Healing Fractures with Wearable Technology, 5 Aug. 2011. Web. 22 Apr. 2012. <http://www.fashioningtech.com/profiles/blogs/healing-fractures-with-wearable-technology&gt;.

10. Uehara, Mika. “Trend Spotlight: Wearable Tech with Erich Zainzinger (Part II).” : SF FASHION TECH. 10 Apr. 2012. Web. 22 Apr. 2012. <http://www.sffashionandtech.com/2012/04/10/trend-spotlight-wearable-tech-with-erich-zainzinger-part-ii/&gt;.

This badge was my favorite one so far and not too hard to complete. Who knew that minimalism was so simple?… I kid. I started with the movie poster was inspired by all the other ones on the Minimalist Movie Design Site.

Bicycle Thieves Movie Poster

I selected a movie that I just watched in my Introduction to Film Studies class called Bicycle Thieves. It’s a 1940’s Italian art film about a man who loses his bicycle and fears he will lose his job and his family’s financial stability. He basically spends the entire movie searching for his bike. He is extremely focused on the bike so I decided to make it the center (and only image) on my move poster because true minimalist artwork focus on content and branding rather than details. I kept it black and white, not only to coincide with the minimalist theme but also because the movie is in all black and white. There is a large amount of white space (or gray space in my case) in my poster, something I noticed was common in the other movie posters.  Many minimalist designers are big fans of interesting fonts– I chose to use a font that is particularly striking, but went along with the industrial theme of the movie.  I was especially intrigued by how they were able to synthesize the main points of the story into one image. For example, the Black Swan poster was eerie, like the film, and showed the duality of Natalie Portman’s character. The movie I selected was much less complex, but I tried to incorporate the same level of meaning without the extra clutter.

Desktop Background

As for the desktop background, I looked into websites that are user friendly but still simplistic. The Simple Desktop website reminded me of the Myspace themes of yesterday year- full of vibrant colors and a cartoon-y like feel. I found some examples of fun and simplistic websites like Captain Dash. I learned the most from scrolling through the 40 Beautiful Examples of Web Design. Some of those just involved one color with a circle in the middle, others were slightly more complex, but still stuck to the bare bones. I’ve learned that minimalist design often, but not always involves geometric shapes. For example, there was an especially beautiful example of a photograph of leaves one on top of each with a white background.  Neeru Pallen proposes that minimalist design still involves color, so I added gradient color to my desktop background. The star was necessary to add some contrast. The other themes I found online were on the quirkier side (i.e. some had a Dachshund in the middle, or hipster glasses, etc), but chose something I thought looked cool.

This project gave me more experience with Illustrator, which I’m excited I know how to use now. It just took a couple of hours of tinkering with it.

 

hope you enjoy the background and movie poster. Now I know some more websites that will help me kill free time this summer 🙂

Erica Jones

CEO

Loco Logos and Design

San Antonio ,TX

TO Annie Clarke

Barkingham Palace, Marketing Director

143 Ritzy Alamo Heights St.

San Antonio, TX 78212

 

Dear Annie Clarke,

I’ve finished your logo for the new business. I thought it would help for me to explain my rationale for each design decision so we can easily talk about if/what you would like changed. I tried to incorporate the core values you gave me last week for the high-end dog grooming and boarding service:

–          Professional

–          Up-scale

–          Fun

–          Clean/minimalist

 

Font

David Airey, an acclaimed graphic designer, believes that font and graphic design should marry together to create a cohesive logo. I selected the jewel graphic first (more into that later) and then selected the type face. I used a font with serifs (called Castilo MT) because I felt that it more accurately aligned with your elevated, royal connation of Barkingham Palace. Although the name of the company is fun and punny, the serifs imply a more professional aesthetic. The wrap around the text is a creative way to get the company name in the logo without overlaying it over a graphic. Inspired by logo maker, Nigel French, the circle text frames and attention to the graphic. I took the space out between the two words because it centered the text around the graphic and the space left too much white space at the top of the logo and instead differentiated the words by color. I limited it to just one font to keep it simple. The font is not incredibly unique, but the combination of logo and graphic is unlike other logos, especially in this field which will increase audience recognition and coincide with an elevated brand image.

 

Photo

The jewel decal hints at the crown jewels of the Buckingham Palace and will hopefully mirror the dog owner’s notion about their pets being as valuable as precious stones. The photo was  inspired by an originally in black and white image I found online (which means it will also look good in gray scale if printed in black and white). I modified it by adding a border and colors to add more of punch without being too overbearing. The diamond shines, furthering the assumption the owners will want their dog to be clean at the end of their visits to Barkingham Palace. Blue, specifically royal blue, signifies cleanliness and simplicity, while also sticking to the royal theme. The brown/gold tones around the outside serve to contrast the blue.

I strayed away from the cliché dog theme (i.e. including a dog bone or collar) because I feel that cheapens the brand and will ultimately make Barkingham Palace stand out from other dog grooming businesses. Airey and French both assert the audience will know it’s a dog grooming company through marketing tactics without a logo explaining it to them.

French warned logo designers against using poor quality photos in their logos because they look grainy with expanded. I made sure to use a high quality, un-rasterized photo so the logo would never look pixelated.

 

I’ve attached the logo to this memo. Please call when you have a chance so we can set up a meeting to go over your reactions. Also feel free to let me know if you have any questions or concerns. I’ll be in my office the rest of the week.

 

Sincerely,

Erica Jones

 

 

 

Ain't so bad

I’ve completed the HTML Intermediate badge, and maybe a little too late. After this last minisite assignment, this one was breeze. I didn’t run into problems. The site isn’t the prettiest in the world, but it functions and that’s what matters. I tackled this assignment by first reading way too many blogs about web design and wound up picking  the ones on the class site (kudos, Dr. Delwiche) , they were my favorite. I guess the hardest part was the photoshop. I kept not being able to modify the text on the title I just typed, so I made 8 completely separate titles and kept the canvas size the same. Finding the articles was easy and I skimmed through all them. Including one about Pixars’ Brave movie coming out soon. I know it’s not about web design but still interesting. The one article I found about wireframes was really interesting too. Who knew creativity could stem from such simplistic boxes? I added the footer and TA DA, all done. I would have normally added some CSS or something to make the page look better but I have a couple other badges to work on.

here’s the link: http://transmedia.trinity.edu/~ejones/badges/computerarts.html

Mini-site Dos

So I finally finished my minisite. Not going to spare any of the details, this project took me a very long time to figure out.  It wasn’t the basic code writing that had me stumped, but more of the complexities of CSS.  First my navigation bar wouldn’t all go in line, then they wouldn’t change colors, then I realized that I didn’t add the div tag that I thought I did. I never did get the hover function to work.  But it’s done and I feel like I have defeated the learning curve. Finally. I almost can’t wait to do the HTML and CSS badges now because they’ll be a breeze.

Looking back, I wish I picked a different topic to write about, but it too late and I was in too deep to change it. But I feel like I came up with some good analysis.

It was fun to plan out the page. I really like Mock Flow,  after it took a little bit of time to customize. I wanted to make my pages really simple so that I could focus more on other things.

Analysis Page

Excerpt Page

 

 

 

 

 

 

 

 

After that set, I finished toying around with the design on paper. It’s amazing how quickly we forget how easy it is to do all this paper rather than relying on technology.

Here’s a page of the finished product.

That Navigation bar took me a while.

 

 

 

 

 

 

 

 

And here’s the link to the site.