TAYLOR WHITESEL | WEB DESIGN
HTML5, CSS3, Javascript
HTML, CSS, and Javascript are the two coding languages I have the most experience with. All three play a huge factor into a user’s experience with an application and I make sure to consider this when coding using these languages.
WordPress is a wonderful tool especially if you are design oriented. I have about two years experience using this platform and have created some web projects with it.
Our gallery
Mockups, and knowing how to create them, are essential for any web designer. I consider this to be another skill of mine that I am very proficient at.
HTML5/CSS/JS
LIFE AS A COLLEGE SWIMMER
A Mandala art piece we made in an advanced javascript class using the HTML5 Canvas Element. Inspiration from my time on the swim team at UT. We were asked to combine 5 videos of our choice, create clipping masks based off of shapes created in Illustrator, and then combine them in javascript using a for loop algorithm to make the shapes spin.
MOODS
One of my favorite assignments. An interactive image piece constructed completely out of HTML5 and CSS3 with also the incorporation of gifs.
MOONLIGHT ISLAND
An interactive illustration done completely out of html and javascript utilizing the HTML5 Canvas Element. The showcasing element of this project was the interactivity of the Tree. This was done by drawing a calculation of fractals and then adding the variable that determines the trajectory of the fractal position to correspond with the mouse's Y coordinates. It was a very hard feat, but resulted in an exceptional canvas art.
For this assignment, we were asked to create an interactive poem with CSS3 and HTML5 out of strictly text. I decided to use the lyrics to one of my favorite songs, 'Car Radio' by Twenty One Pilots. I look the main hook and chorus for the content.
Another mandala constructed with the HTML5 Canvas element. This assignment had us create a mandala completely out of text arrays. I decided to make the theme based around one of my favorite movies, 'Donnie Darko' and use the famous time quote.
Another visual, interactive poem created in HTML5, CSS3, and Javascript. I decided to re-create a text breakup conversation happening in real time. A lot of the text is also interactive. While writing the code for this project, I tried to keep the user's experience in mind. It was one of the first projects after knowing what UI/UX was and I tried to convey those practices as best as possible here.
WORDPRESS WORK
BARRIEHAUS BEER CO.
This past semester I was apart of the AMA Spartan Advertising Agency at the University of Tampa where we provided a full marketing and advertising plan for a real client. This time around, we worked with Barriehaus Beer Company: A startup craft brewery in Tampa. I was brought on to create the website and help with promotional video content for them. I decided to create an engaging and interactive site via WordPress to not only improve my skills, but to also show the true power and potential that this CMS is capable of.
ELITE COMMERCIAL POOLS & FOUNTAINS
During my last internship with HCP Associates (a marketing firm based in Tampa), I was in charge of building a new website for a client of theirs. The company was a pool contracting business based in Sarasota, FL. There was a web comp created by the graphics team and I was asked to base the website design off of that. This, while not too complex of a website, shows my flexibility with meeting demands given to me by both the client and employees. I also learned a lot about SEO and proper techniques to make sure that the site’s performance was up to par.
MOCKUPS
BARRIEHAUS BEER CO.
A mockup version of the home page for Barriehaus Beer co. This was one of many and was used to get a better feel for the overall design of the site.
VETERANS MEMORIAL PARK
A mockup for the new proposed website for the Veterans Memorial Park Program stationed in Tampa, Florida. This was eventually proposed to the owners of the program.
BARRIEHAUS BEER CO.
Another mockup for Barriehaus Beer Co. This one was created during the brainstorming of the 'Beer Profile' Concept on the site. Each beer on their tap list would have it's own profile that included all of the information need to know about that particular beer. Each one also included a unique theme related to the name and look.
