Mario Cisneros Bio Photo Mario Cisneros is a full-stack designer with twenty-years of experience in the web space specializing in visual design, frontend development and digital marketing. Mario prefers simple, clean, clutter-free designs that focuses on content, white space, color, typography and most importantly usability. Good UX is about removing extraneous detail to focus the user's attention and thus achieving perfection when there's nothing left to be taken away. Mario also focuses on maintaining a set of best practice methodologies and standard development processes to ensure that the end product achieves its core business objectives. Learn more »

  • Research
    Research
  • Plan
    Plan
  • Design
    Design
  • Develop
    Develop
  • Publish
    Publish
  • Maintain
    Maintain

Technical Stack

Mario embraces and leverages the latest and most robust technologies including HTML5, CSS3, CSS Grid, Flexbox, Sass, JavaScript and Responsive Web Design for both desktop and mobile devices. Although HTML5, CSS3, CSS Grid and Flexbox currently lack full browser support there are frameworks such as ModernizrLink to Modernizr opens in new window and BootstrapLink to Bootstrap opens in new window that render these newer technologies in older, non-standard browsers.

In addition, Mario uses both SketchLink to Sketch opens in new window and InVisionLink to InVision opens in new window which are digital design, collaboration, interactive and prototyping tools for all visual design-related projects. The combination of these tools makes user experience design much more efficient for designers and developers.

Technical Core Competencies

Featured Works

The design process includes a wide range of methodologies to ensure that an end product achieves its core business objectives and together with user interface design the focus remains on the user's experience and interaction. The goal of a UX designer is to make users effective and great design is making complex things simple. The following selection is a partial listing of various web-based projects.

Bootstrap
Bootstrap Examples
Hi-Fidelity Mockups
Hi-Fidelity Mockup Examples
Mobile Apps
Mobile App Examples

Case Study

Intelang Search Platform

  • UI/UX Design
  • Frontend Development
  • Inbound Digital Marketing

Found myself in a situation where I was the only UI/UX Designer in the company tasked with designing a user-interface for an innovative, data-driven, web-based application, and the company's external client-facing website. Therefore, it fell on me to create a design culture based on the latest best practices and methodologies.

Read Case Study »
Case Study

Core Competencies

Three-Legged Stool

Frontend development consists of 3-primary languages and every developer's toolkit must include these essential skills in order to compete in today's dynamic Web space.

Under the hood:

  • HTML5
  • CSS
  • JavaScript

A website that is highly functional and optimized for SEO relies on clean, semantic and standards compliant code.

My Development Process »

Responsive Web Design

Frontend developers need to build websites suitable for all devices. This site uses a flexible grid that dynamically resizes and adapts to different browser and device viewports.

See how it works:

  • Drag bottom right corner of your browser window inward.
  • View this site on any handheld device.
  • Use an online device simulator such as responsinator.

Think “Mobile First” because in general smaller screen designs are usually less complex.

Read More About RWD »