Request:Create set Design Props and fix set design for Dr. English’s ESL videos.
Worked with:
Professor:Dr. English
Project Managers:Suloni Robertson, Mike Heidenreich
STA’s: Shannon Butler , Melissa O’Sullivan, Phillip Yuanzhong Pan
Video Production:Sam Hodde , Jacob Weiss
Process:
Result after fixing up set:
These were images that were for the ESL department. I worked with Mike Heidenreich to get the drawings to become the style of a set of drawings that he presented and wanted to use but he couldn’t because they were copyrighted. The purpose was not to copy the drawings but to make them my own. The drawings were to have a word bubble above one of the characters so the students could figure out what the character is thinking or saying.
The drawings were done using Adobe Ideas on the IPad and were edited further in Adobe Illustrator. The color idea came from the fact that my banner and my basecamp avatar has a background of one color with select areas being white. This is how I use color in some of my illustrations. I like to go minimal and make the entire drawing one color and the select areas of white to make the characters stand out.
Sheep Illustration revision without color and more sheep
Sheep Illustration revision with color and more sheep
Brain Full illustration without color
Brain Full illustration with color
“Cat Fud” illustration without color
“Cat Fud” illustration with color
shoot the apple illustration without color
shoot the apple illustration with color
Landscape version of the shoot the apple illustration
Request: 1)Make more female avatars in same style as previous avatars
2) Make cat warrior avatars
I worked back and forth with:
Professor: Jennifer V Ebbeler
Project Managers:Suloni Robertson, Mike Heidenreich
Process for Request 1:
Process for Request 2:
Results!!!
REQUEST 3: MORE CATVATARS!!!!
Inspiration:
Results:
The following images are used as image placeholders for the Texas Politics Facebook page. Previously, when they uploaded an article from their website, in image from the link is used as a placeholder above the article. The problem is some pages such as the internships and the some blog articles and polling pages don’t have images and instead will show a blank box above the content. These images will act as placeholders for the pages that don’t have image content.
The placeholder for blogging content
The placeholder for charts
The placeholder for internship related content
An edit of the placeholder for blogging content with Texas Politics branding. The look reflects the layout of each blog post instead of the blog home page.
An edit of the placeholder for the charts content with the Texas Politics Logo. The colors of the bar graph is similar to the color scheme of the website.
The placeholder for internship edit related content with the Texas Politics branding on top.
The following images show screenshot images of the placeholder images within the Texas Politics Facebook page. Each placeholder images corresponds to the content within each Facebook post. These images help show a preview of what these placeholder images might look like within a post. These images are added if the webpage within Facebook post does not include any images or visuals to show as a preview image.
A preview of the internships placeholder image within the Texas Politics Facebook page. The images show two types of internship posts. The top shows the smaller version of the preview image while the bottom shows the larger version of the image.
The custom preloader GIF
I was assigned to create The Early Indo-European app mockup. The Linguistics Research Center wanted a grant to make the app possible and in order to show the committee (the people in charge of handing out the grant) what they wanted, they needed imagery of the possible app designs. I worked with Dr. Todd Krause, the person who will present these mockups, on what kind of information he wanted within the app. This was a mobile app and everything from the website can’t be placed into the app. The lessons sections, reading and textual analysis and multimedia sections were the areas in the app that needed the most attention. Working with Dr. Todd gave me an experience of what it is like to turn a person’s ideas into something visual. I also provided ideas on how some elements such as video and audio would work. Some sections such as tables and graphs became challenging because some tables and graphs may have a lot of data and although it looks fine on a desktop or tablet device, may not look good on a small phone. I had to think of a way to provide a layout that looked good and was readable on a phone.
When creating the mockup, I went for a minimal approach. The interface and the navigation were not to be cluttered. The color scheme of the navigation made the text easy to read.
The lessons navigation collapsed
The lessons navigation expanded
The reading and textual analysis with word highlighting. When a word is selected a box underneath the sentence or paragraph will slide down to show only the words selected (unless you expand all, it will show you all of the words). The box will get up to a certain height, so the user can scroll only within the box instead of scrolling to the bottom of the page and then scrolling all the way back up to read the sentence again.
The geography thumbnail so if the user presses the play button the video will go into full screen and play.
More of the text area when the user scrolls down.
The map section
The audio section. The audio bar will remain fixed to the header as the person scrolls down so they can pause when ever they want while reading for example a foreign text.
A collapsible menu with sections for each language including a discussion section and bibliography. Lessons is missing because when the user closes the menu and taps to go back, they will reach the lessons section. If they wanted to go to the dictionary, the menu will show all of the sections except the section they are currently in.
The Graph tool page with options collapsed.
The Graph tool page with options expanded with selection highlighted.
Preview of possible Table layout on mobile. I did some research on possible examples of responsive table layout. It looks like creating a responsive table without the table going off the viewport or scaling down the table to the point of it being unreadable unless you zoom, seems to be a challenging thing to implement. Here is one possibility I came up with where the table headers on the first column become first item on each row. Each table is easy to read and is good for tables that have more than three columns. The problem comes in with really large tables like the alphabet system. Each letter will have their own small table that contains a row for the number, name, transliteration and pronunciation but it will be a large set of tables to scroll down to in order to find a letter that is later in the alphabet. The table could have an accordion-like function so you only select the letters you want to view.
Preview of the alphabet table layout.
Preview of table layout of the twofold declensions. The two tables are separate and not one large table.
Preview of the external resource menu
For the past month, I have been corresponding with professors in the College of Liberal Arts, offering to help them update the information on their faculty webpages.
I have contacted 100 professors. 52 of them have responded and I have met with 20 professors. It has been interesting to see what each professor finds important to include on their site. Some are very interested in showcasing their work to other colleagues while others are mostly interested in having information available for press. It’s been fun to tailor each webpage plan to the professor’s needs.
I have officially finished helping Rebecca Bigler, Jeremi Suri, Madeline Hsu, Kurt Weyland, Jorge Canizares, Janet Davis, James Pennebaker and Christopher Beevers update their webpages.
Bigler requested that I update her site to include media coverage. You can see the new custom tab created here:
Suri asked for an entire webpage makeover, which I am proud to say has officially been completed. I helped him create six custom tabs. The six tabs I created were Books, Articles & Editorials, News, Videos, Audio and Past Graduate Students. I had fun learning how to code in order to embed videos and make webpages more responsive. Here are most of the tabs after I redesigned:
Hsu asked for two custom tabs:
Weyland wasn’t very interested in the initiative, but he did want to update his biography and make a custom tab for his published articles. Here is what the custom tab looks like: 
Here are the two custom tabs I created for Canizares:
Christopher Beevers asked for two tabs; one for graduate students and one for media coverage.
For James Pennebaker, I transferred all of the information on his old website. I also downloaded all of his publications off of the old psychology server and uploaded them into his UT Box. Here is his old website versus his new webpage:
Coming soon: Updated webpages for Shamira Rudrappa, Juliet Hooker and David Pedulla!