KB Training – How to create Canvas buttons in Photoshop

I am working on transferring more Basecamp basic training to Knowledge Base, this is a draft for the buttons training:

Link: https://sites.la.utexas.edu/kb/2020/06/04/psd-canvas-button/

I’ve made several changes to the site since receiving the base code:

1. I fixed an issue where the search bars weren’t actually receiving the entire text input (ex: if I search for “ab” it would only use “a”).
   
2. The currency conversions weren’t being displayed, so I fixed the error that kept them from showing up.
   
3. I added a placeholder “About” pop-up. I’ll style it when I receive the full site design and further information.
   
4. I also fixed the formatting on the title at the bottom that displays the selected currency & time period.
   

Next Steps:

• I need to ask Stacy for some clarification on the wireframe he gave me to reference
• Meeting with the client soon to see where they’re at
• Continue fixing bugs that I find

Guide on Taking a Self-Portrait at Home

I’ve been working on putting together these instructions on taking a self-portrait at home, as a guide for the clients to submit quality photo IDs. After a few iterations (and a lot of waiting for Cascade to load, since it is a little slow on my computer), here’s my draft so far.

Next thing I’m gonna try is to add a little check-mark / cross mark for good / bad photos (Maddy’s idea, thank you Maddy!) to avoid having to label them as center, right, left, etc.

Online Course Menu Updates

I started assigning out the Online Course Menus between Abriella, Sheryl, Maddy, and I. Abriella and Sheryl did a really good job making them (and making them fast).

We ran into a problem with the white background. I sorta anticipated it, so I chose an off-white background for the template, but white-bg assets still seem very blended in with the menu background. Maddy gave a great solution of giving them a slight drop shadow. I think it turned out great!

Suloni wanted to add another section for the Canvas overall screenshot, which will be provided by the PMs, so I added this. I tried making minimal changes to the existing elements for ease of editing, since both Abriella and Sheryl has done quite a few of them.

CHATBOT TRAINING

I recently had some time to help with a web support request on adding social media to the Germanics page. I went to the chatbot to see if it was directing people to the correct page for instructions on how to do this. I found out it wasn’t so I went in and added more phrasing to direct it better and it is now fixed.

These are some of the key phrasings I added to the chatbot:

 

This is the URL link that the chatbot will be giving to the user:

Now when I type in social media it gives the correct link to where documentation was written on this:

 

Here is a piece of the instructions I wanted the user to be shown: