This page is a project made to demonstrate a responsive landing page with my start to finish process using bootstrap. Note: This is for demo purposes only and not affiliated in any way with Canalside. Not all links are linked.
View Landing PageThis was created for the page using Adobe Illustrator.
Ideas layed out on paper first. I ended up combining the ideas, it just gives a good starting point on where to go with the design.
Mine Axe is a responsive WHMCS Theme I created. I handled producing all the layouts, graphics, characters, backgrounds, HTML/CSS/Javascript, and overall direction for the site design. We also had a separate company I did graphics for called TreePuncher. Of course, the graphics were designed around the popular game Minecraft. This design was meant to make the gamer crowd feel “in their element” when signing up for Minecraft hosting with us.
Take a tour of the MineAxe websiteView of the site as you would see on a mobile device
View of the site as you would see on a tablet. Also A/B testing on location of plans.
Comparison table of features you can get with us vs. other companies.
Fun and unique banner ads to capture the attention of the gamer crowd.
The bottom promos were used in our blog and message forums.
To promote the company, I created promo cards with a discount code to pass out at related events.
SAM Auctions came to me to remove their site from HubSpot and remake it on a less expensive platform. Since WordPress and Woo-commerce is free and widely used, I decided to go with that. The site was completely remade while keeping the site mobile-friendly as well as keeping a similar style and layout. I repurposed and modified Woo-commerce for the specific requirements needed on the auctions.
The homepage with an image slider while the highlighted text below changes with each slide.
A view of the homepage scrolled a bit down on a tablet view.
The about us page sets the tone for the rest of the inner pages.
Technically a separate website but carried over theme for the auctions.
A view of a single auction. The text to the right are all custom inputs.
The auction layout changes a bit for a smaller sized screen.
I worked with back-end php developers on this site (Cake PHP). I was responsible for the overall look and feel of the site including the HTML/CSS/JavaScript. I first made mock-ups for the design and presented a functional preview. Once it was decided, I would write the front-end code then submit my pages to a repo where the back-end developers would then take that code and plug it into their code.
Take a tour of the Return Receipt websiteDesigned to inform visitors on what we do ASAP while giving the sense that their information is safe and secure with us.
A breakdown of all the features Return Receipt has to offer.
Comparison of all the plans. I was asked to push the “Pro” plan. If you had a selected plan already, it would grey out the entire section by adding a CSS class to that section.
The first page you see after you log in. It shows a brief overview of your account details and activity.
What the HTML Email received from Return Receipt looked like.
The page you see after you click to view the mail button from your Email account.
The Exhibio website was a long time project with constant tweaking and two re-designs. This version of the site had a strong focus on SEO, responsive design, visual display of what it could do, and explainer sections to help customers better understand the product. I designed and coded the site, themed the system UI, was responsible for creating template and demo scenes, and I did the training for those that purchased our system.
Showing the home page as displayed on a tablet, scrolled down a bit to see more.
Examples of what digital signage is front and center. Scrolling down shows a scene in a hotel lobby, other companies that use the products, and a call to action.
Start off with a brief visual intro. Then below a jQuery tabbed section of more in depth information.
Looking for resellers, we had advertisments that would bring them to this page.
Tablet view of the landing page.
One of several different brochures given out ad various events. Each was target towards a specific industry.
Sent out these postcards searching for new resellers and to reach out to new potential clients.
I created this scene to demonstrate what a restaurant might use digital signage for.
I created this scene to demonstrate what a hotel might use digital signage for.
I've worked on many projects for LocalNet & CoreComm internet services. I recoded LocalNet from the ground up making it more friendly to search engines and update the inner page design. Localnet and CoreComm hosting, advertisements, member start pages, and webmail log in sections were fully designed and coded by me. The webmail was a theme I created for Roundcube to match the member start page for LocalNet. Both companies have a large number of visitors per day to their respective sites.
This was similar to the original home page before I recoded it to keep a familiar feel. The inner pages were redesigned.
The webmail theme to match the member start page.
A place for customers to get news, horoscopes, weather (icons designed by me), and other info.
Banner ads for LocalNet promotion.
Web hosting website I did all the front-end development work for.
Plan comparison page. The other pages looked similar to this but with more sections.
These are items I'd like to show but lacking enough content to give their own sections. I've included some illustrations, responsive website(s), poster(s), icon(s), and logo(s).
A responsive site that was a challenge due to a low amount of content and time constraints. Video Tour
Magazine ad for Envoy currency exchange. One was for a local Squash tournament and the other was for a sailing event program.
When it calls for it, wireframing can be very helpful when doing a presentation. Adobe XD helps me easily layout and link pages. This is for a fun side project I was showing in a meeting.
Logo for a friends group, I also created a cartoon version for fun.
Logo for a bottled water company possibility.
A logo and bottle design for a bottled water company possibility.
A message forum using BBpress. I also created the vector image at the top in Adobe Illustrator. Video Tour
A select few vector graphics out of a large many I've made in Adobe Illustrator.
Some background images made in Adobe Illustrator.
Decided to try my hand at an Adobe Illustrator designed webpage.
Visit the Site
Created for a friend of mine who was DJ'ing new years eve and wanted to promote the upcoming event.
Glossy icons for a website we were working on. These were created in Adobe Photoshop.
Themed the sitebuilder for Max Hosting. I also created the logo, character, and color scheme.
An LLC I created for vinyl decals designed towards genres of music.
Visit the website
Every year I host a Scary Movie in the Woods event. I decided to make a website, event images, voting sheets, etc.
Visit the Site