MANTLE LABS

 Development & Design

 by Andrew Mantle

Projects


Specialties:


Website Projects DESIGN HTML/CSS CODE
The Storybook Garden [in progress]

DETAILS

A Weslaco childen's bookstore and boutique needed a new website for their shop. This client purchased a wonderful design template, but requested further design revisions and customizations. The HTML from the template was unsatifactory, so I recreated most graphical elements while maually assembling the HTML/CSS layout from scratch. The site header showcases a carefully timed animation, free of the limitations of Flash availability in the mobile market...all while keeping load times to a minimum. Social media integration will be an important marketing apect of the site, including an ajax-powered infinite Twitter feed.

Check Check
Immanuel's Light

DETAILS

A complete website for a non-profit cancer support organization. The site includes an interative calendar that loads events asynchronously, and maintains its state as visitors browse the site. A custom CMS allows the organization leadership to update free-form page content at any time they wish. Events, Board of Directors, News and more are handled by custom modules coded specifically for those dynamic listings. The HTML/CSS layout accurately matches the graphic designer's artistic vision, while providing compatibility with browsers of a very wide user base.

Check Check
Sharyland Dental Care [in progress]

DETAILS

A local dental practice gets a fresh website...coming soon!

Check Check Check
The Patio on Guerra

DETAILS

A restaurant of this caliber deserves a website with a style and quality that can match it's fine dining. The former site used a CMS that was overly complex, and as a result the site was never updated. A fresh design from a local agency was provided to me, now re-imagined in proper HTML/CSS, compatible and consistent with all common browser versions. An easy-to-use custom CMS allows the business owner to update and adjust page content, menu selections, photos and more - all without the overhead of the slow, bloated system that it replaced.

Check Check
Lone Star National Bank

DETAILS

A project done in coordination with the marketing department of Lone Star National Bank. Their graphic designer provided the layout and I created the matching HTML/CSS, including placement of all text, images, etc. across the site.

Heavy security restrictions are enforced by the bank's hosting environment, resulting in purse & simple HTML for the entirety of this project. However, Google Maps and some custom JavaScript allows some welcomed flexibility as the bank expands to new locations. A single XML file powers the mapping of every location, easily updated by their current webmaster.

Check
Here2Clear

DETAILS

A local ad agency and a Houston-based marketing firm reached out for assistance with this project. While both the designer and .NET developer are excellent, their collaboration lacked the unifying process of converting the raw design files for web use. I provided a reusable HTML/CSS structure for them to build upon, and acted as 'translator' for the communication exchanges between designer & developer.

Check
City of San Benito

DETAILS

I had the opportunity to work with San Benito's fledgling IT team to implement the city's website. As the sole contracted developer I coordinated practical solutions for their ambitions plans. The resulting HTML/CSS structure with PHP templating features was used by their new webmaster for content placement on hundreds of pages. Custom-programmed management tools offered quick and easy methods for updating critical information and interacting with the public. Unfortunately, the website failed to reach its potential after the IT department was dissolved mid-project and control was passed over to an outside IT group. Despite the lack of 'polish' on certain visual features, the core system continues to power the city's online link with it's public.

Check Check
Cuadra Studio

DETAILS

Simplicity and elegance were the inspiration for this project's visual design. The specialty photographer client wanted a web presence that got straight to the point, with the focus on their imagery and services. Cookie-cutter templates were of course out of the question, and the result is a practical site, powered by easy-to-use custom management tools. The busy photographer appreciates the flexibility to update the photo gallery and other content without extra software, without extra fees - all done online on their own time.

Check Check Check
CopyPlus!

DETAILS

This local business had already begun exploring online services to augment their printing services, but they needed a fresh-looking site with business-class performance. Their internal staff assembled the design, and with it I crafted the website structure with optimized images and a set of database-driven management tools. As they expand their services with new options, the site can immediately reflect their growing business.

Check Check
RGV Smiles

DETAILS

A local ad & marketing agency was refreshingly surprised by my services on this first collaboration together. Prior experience had left the agency uneasy trying out yet another developer. However, they were impressed with the quick turnaround and attention to detail - most notably by staying true to the designer's intended design & layout, across all major browsers. Future plans to include the mobile market were anticipated by avoiding Flash, relying instead on JavaScript techniques for their introductory slideshow.

Check Check
Truly Nolen RGV

DETAILS

Truly Nolen has franchises across the country, yet I had the unique opportunity to build the first corporate-authorized web presence for any of their independently-owned franchises. Coordination with the business owner and adherence to corporate policy was important as I designed the site to be complimentary to the appearance of the corporate site. The business owner now has the tools to update content site-wide, including seasonal content that is scheduled automatically throughout the year. The corporate site has since updated their look-and-feel, yet the Truly Nolen RGV franchise continues to benefit from their own independent site that most importantly allows targeted SEO for the local market.

Check Check Check
The Ricchi

DETAILS

The Ricchi is the first of several sister sites for the 'Ricchi Group', a fast-growing property development enterprise. A professional presentation is always emphasized, as well as fast turn-around for content updates and layout adjustments as each real estate project progresses.

The unique design was inspired from a combination of several ideas proposed by the CEO, yet the underlying code remains friendly to all major browsers. This particular client declined a content management system, so the original clean code pays off as I manually make regular updates, without having to worrying about altering the existing layout.

The introductory animations are powered by the jQuery JavaScript framework.

Sister Sites:

Check Check  
Harbor's End Condos

DETAILS

This project turned out to be a fun & cute attention-getter for the owner of the condominium. The online market for rental properties is incredibly competitive, so I stuck to the basics with clean code & quality content for the spiders, and a fresh graphic design for the humans.

Check Check  
 
Just For Fun DESIGN HTML/CSS CODE
Checkershadow Illusion

DETAILS

An early experiment with Draggables in the jQuery framework, featuring a popular optical illusion. The illusion's creator distributed the full-size static graphic online, yet the power of the illusion was most effective when actively comparing the colors. Numerous YouTube clips have demonstrated this illusion via Photoshop screenshots, but why watch someone else have all the fun? Here I let users take part in the magic right in the browser.

Check Check
Gradebook Buddy

DETAILS

Another jQuery-powered demonstration, but with a real-world application. Educators in my family, as well as across the globe can use this EZ-Grader clone when they eventually misplace the real thing. Careful coding & layout offers browser compatibility that even includes Internet Explorer 6.

Check Check Check
Website Flashlight

DETAILS

Another jQuery-powered demonstration that duplicates a silly effect created by another developer.

Check Check