STA Work Blog

Kiowa Timeline UI Design

project: Kiowa Timeline UI Design
Client /Prof: Native American Museum in Oklahoma
completion status: Started Dec. 13th, 2018
staff guidance: Stacy
STA team members: n/a
description/plans: create page mockups for Kiowa Timeline, a database for images that are used as a calendar and historical system to be shown on a display in the museum
To be completed: Dec 15th, 2018 (first draft)

https://kiowatimeline.herokuapp.com/

Mockups:

Module options styled like art descriptor cards (that you see on the wall beside art pieces in museums), since this will be displayed in a museum. 

Tiles needed to be optimized to ease comparison between different calendars. 

Arts Portal UI Design

project: Arts Portal UI Design
Client /Prof: Allison Welch and Robert Abzug
completion status: Started Nov 29th, 2018
staff guidance: Stacy
STA team members: n/a
description/plans: create page mockups for Arts Portal, an arts events database for use by professors (primary user).
To be completed: Dec 7th, 2018 (first draft)

 

For this project I first met with Stacy and was briefed about the site, the needed functionality, and the target user. Here are my notes!

Arts Portal https://artsportal.la.utexas.edu/

Mockups needed:

Home/cards

• remove blue date badge
• date should be almost same size as event name
• facebook event card-esque
• hover effects

Event page (top priority)

• standardize image size
• banner image?

Nav

• menu : blue bg
• logo: just black box, same line as menu?

Reference:
https://www.nowplayingaustin.com/
https://www.eventbrite.com/

Stacy’s initial site design utilized the same card style as the NowPlayingAustin site; this is because the clients wanted the site to be modeled after it. 

Stacy’s original design:

 

home page (my initial design)

home page update

event page

I recently worked on some stuff for RGT again. For this assignment, I made location placemarks for each stop on the tour. I used the same red that was used for the tour maps. Here’s what it looks like!

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

• 

I also have started working on a sticker for the Russian course. It’s supposed to be given to students to commemorate their experience and time with learning about the Russian language and culture.

Vlabs!

We finished the Migration phase for eanthro vlabs! Now, we are going to be creating all the assets for the labs since the original flash interactives are not reusable and won’t match Emily’s new UI design for the site.

As for actually making the assets themselves, I enjoy the process! Emily gave really great clear instructions on how she wants them to look, so it’s been easy to just tackle one after the other.

Most of the ones I’ve done so far have been relatively simple, but I did run into a Quiz interactive that requires canvasser to know what the user has inputed, so it can spit out the right response. As for that, we’ll be needing Ruben’s help.

Theater of Philosophy

I was also recruited onto a new WordPress project! Basically, Stacy got a client that wants a wiki styled site that compiles essays and bibliographies about various philosophers and their research on theater.

This will be my first official project designing the UI/UX for a web site, so I’m SUPER excited! For my first step, Stacy has told me to just build a very general, bare-bones UI that focuses on the site functionality (wireframing!).

Other projects

In other news, I was tasked with creating a new cascade unit site for Texas Initiative for Advanced Study. Now that Andre is gone, we’ve been needing to figure out things on our own using the STA knowledge base.

I also helped out a bit with migrating the cascade documentation onto the actual cascade site.

Welcome Ana, we hope you have fun at your STA Orientation! During the latter part of your STA Orientation, you’ll design and upload your banner to this blog.

FIRST STEP

Photoshop: Design and make your banner

a. Use the photoshop specs for your blog banner that i placed in your STA folder.

b. Save your un-merged files back to your STA folder.

---

SECOND STEP

Make your 1st text post and upload your banner to this blog.

a. Log-in: https://sta.laits.utexas.edu/wp-admin

b. Publishing Help Documentation/Instructions: You must read “Publishing Help” before you upload your banner.

https://sta.laits.utexas.edu/wp-admin/admin.php?page=wp-help-documents&document=115

https://sta.laits.utexas.edu/wp-admin/admin.php?page=wp-help-documents&document=18881

c. Blog post: Reflect on the day and write a bit about your about your-self & what you did during orientation & upload your banner.

USE IMAGES: do not merely copy paste images in to your blog.

Always upload images into the “Media” section of blog first, and then set the image from the media folder to display on your blog.

USE “CATEGORIES”: Check mark the “2018 Fall – 2019 Spring” category box for all the blog posts you make this semester, so that all of your work is documented in the correct semester.

---

LAST STEP

Comment on Basecamp:  Let us know you’ve completed this task, via base camp. Upload a link from your blog, to your basecamp to-do.