About

I believe that every successful website should be crafted with an intuitive and device-agnostic UI/UX to prevent any level of friction and learning curve. A user interface is kind of like a joke—if you have to explain it, it’s probably not that good. Behind the scenes, I ensure that my code is always as valid, clean, and flexible as possible.

By staying up-to-date on the latest web technologies and trends, I constantly strive to build on my ongoing projects and develop new ideas for future work. With a technical background in computer science and an eye for detail, I pride myself on delivering high-quality work at every opportunity.

This isn’t just my job—it’s my passion.

Some of the technologies and tools I use:

  • Photoshop CC
  • Sketch
  • HTML5
  • CSS3
  • Sass
  • JavaScript
  • jQuery
  • Grunt
  • Node.js image/svg+xml
  • PHP

And a few of my favourite websites:

Services

Web Design

Custom template design, website wireframing, UI/UX design, and more.

Responsive Design

Mobile responsive design and development for new and existing websites.

Development

Custom template development, WordPress development, PSD-to-HTML conversion, and more.

Administration

WordPress installation, website hosting and migration, DNS management.

Portfolio

Featured Projects

MTS Collective
Click to view details

MTS Collective

Description

I designed the current MTS Collective website with a focus on the various types of content and links that a reader typically wants to immediately access, including a clear news feed, exclusive content, and trending posts. The layout is designed to be intuitively navigated downwards with different elements clearly divided.

The blog runs on Google’s Blogger platform and was built with a dynamic XHTML template.

  • December 2011–present
  • Wireframing, Template Design, Front-end Development
  • XHTML/CSS3, JavaScript/jQuery

Visit Website

View Wireframe

MTS Collective (Mobile)
Click to view details

MTS Collective (Mobile)

Description

The MTS Collective website was updated with a mobile-friendly layout using responsive design, hiding all secondary elements for a streamlined view. The website can also be saved to the iOS and Android home screens and run as a standalone web app, independent of the browser.

  • June 2013–present
  • Wireframing, Responsive Design, Front-end Development
  • CSS3, JavaScript/jQuery

Visit Website

View Wireframe

Art Portfolio, Inc.
Click to view details

Art Portfolio, Inc.

Description

The Art Portfolio, Inc. website was custom-built from scratch to match every detail of a PSD design and require minimal resources. It features custom scrolling animations and forms, and is also responsive, retaining full functionality on mobile devices, including a file upload widget.

  • December 2015
  • Front-end Development, Back-end Development
  • HTML5/CSS3, JavaScript/jQuery, PHP

Visit Website

Experiture
Click to view details

Experiture

Description

The Experiture marketing platform includes the ability to build landing pages for lead generation, however, the initial interface for this feature was inconsistent with the rest of the platform. This also presented the opportunity to design an improved layout with additional quick-access links and information.

Contributing to the Experiture platform development included re-designing the original Lead Pages screen to align with the established user interface, user experience workflows, and brand guidelines.

My design also focused on providing more useful information and analytics, such as total visits and conversion rate per Lead Page, at a glance, before opening the Page Designer or Reporting Dashboard for each Lead Page.

  • March 2016
  • UI/UX Design
  • Adobe Photoshop CC

Blog

Hello, WordPress world

Jun 2nd, 2016 at 16:18 EDT , , comments

mario-parra-web-designer-developer-embarrassing-website

I’d originally intended on publishing this post at the same time as my new website, which I recently rebuilt (and updated) for WordPress, but life happened and publishing the entire blog was delayed. I’d wanted to rebuild my website since late last year, but it meant converting my original Bootstrap template and designing/building new matching […]

Continue reading

Contact

If you’d like to work together or have any inquiries, feel free to reach out below!