I got to quickly design an HTML Email to go out to applicants within the Applicant Information System (AIS). I chose two photos from the front page of the website for the letterhead because they would scream “Something is missing in my application! I must take action!”
The work for an HTML Email is known by those who have done them as TEDIOUS, but I figured it out with some fun tweaks here and there. I had to remember how things were done several years ago since the email browser capabilities are not up-to-speed with a regular browser like Firefox or Chrome. I had to deal with no style sheets…to my chagrin. (Those are my favorite!) In my case, I also had to figure out that “\r\n” characters (line breaks) were in the html document when read in by the code, so they needed to be stripped out (replaced with empty strings). This HTML-email-building was an experience that will make my life easier when I have to do it again in the future!
In the end, the customer said they looked “fabulous” and “incredibly professional”. I’m blushing! Kudos to the original site designer, Ms. Humphreys, for making this email design job so easy!
This is my implementation of a design created by Admissions Communications for our Applicant Information System. I used HTML, Bootstrap and CSS for the home page. Everything internal is based on the styles used on the front page, but for what makes sense using Bootstrap. I mocked up most of the internal pages using a tool called Balsamiq to “draw out” what each page could look like in its final stages.
These were my original designs for a Catalog Presentation site. The idea behind it was that you could search for all the places a certain part of text would show up all throughout the catalog, and you could display the page just as if it were a book on your desktop. You could also turn pages, go straight to a particular page, zoom in and out of the page so you can view it better, etc. You could also download sections of the book instead of downloading it in its entirety. (These catalogs are massive, and having the whole PDF may not be necessary or wanted.)
The search (and zoom) functionality is shown here:
This would have been a huge endeavor for my department, but it wasn’t in the cards, and it would have been inaccessible to the blind.
This is the old version of the Admissions website. I built this design (given to us by Admissions Communications) with strictly HTML and CSS. I was responsible for updating all of the content for the communications department and it was, well, tedious! Each time there was an update needed, I was the one to ask!
Eventually, it was redesigned, and I put it into the Kentico CMS so that the communications department could work on updating their own content. (Ahhh…)