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.
I implemented this landing page using Kentico CMS, an ASP.Net back-end content management system. Since another member of the team could not get the job done on time, I stepped in (as requested by the frazzled client) and had the page created within the hour. The next day, Aggieland Saturday, thousands of prospective students would be told to visit the website to subscribe to the AGGIEBOUND Magazine.
This was a landing page to stay up until the full design was fleshed out and could be implemented for the AGGIEBOUND website.
I have worked on the Office of Admissions websites since I came to the team in 2008. A redesign of their website was done in 2009, which I implemented from scratch using just HTML and CSS. The department did not use any type of Content Management System back then.
The version above is the latest total overhaul of the design, done in 2015. Given the design again by Admissions Communications, I added this website into Kentico CMS. I set up each area so they could ultimately make the content changes instead of having to depend on their IT department for each change.
This was a great exercise in CSS tweaking and Responsive Design. Also, I had to open up enough of the front page so that the original designer could change it, but not enough so she could mess up the structure of the page. A nice balance was reached between the two of us discussing what would be best for everyone.
I worked with the TAMU Honors Programs office directors to figure out a solution for them. They wanted to list out a link to each program: whether there was a separate application for a program, if current students could apply, if there was Honors housing, etc. I designed and implemented this design to help them show the data only if the desired honors program was clicked. Then, it would expand and show details of the program.
I created a web part within Kentico CMS that would allow the user to fill out a simple form to display what shows in the blue box. This was done for each honors program and is easily editable by the Honors Programs office, without requiring assistance from the IT department.
I created the images based on several RAW photos that were handed to me. The headers and side images show at random each time the page is visited.
Another version of the site, since the headers rotate:
The Academic Success Center (ASC) provides several ways to help students stay in and thrive at Texas A&M University. The above image is an example “batch processing” page in their Game Plan website, where you can select several students at a time to, for instance, put them all in a tutoring session, or give them all certificates for going to a special workshop.
The original design for the header appeared as this (the ring is in the center as requested), but the office moved locations and the header was changed to what shows above.
I designed and implemented the ISS Information System website (webpage renamed later). This was again done in SharePoint to be a portal and workflow for the International Student Services department. The CSS styles were changed to match the given design instead of the typical SharePoint layout.
The Office of the Registrar gives you the opportunity to purchase duplicate diplomas once you graduate from Texas A&M University. You simply go to a form page to order a duplicate of your diploma for any different reason. In the beginning, this form page just needed a banner, and I was asked to create it. This is what I created for the site:
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…)