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
Plan
Design
Develop
Publish
Maintain
Technical Stack
Mario embraces and leverages the latest and most robust technologies including HTML5, CSS3, JavaScript and Responsive Web Design for both desktop and mobile devices. Although HTML5 and CSS3 currently lack full browser support there are however, frameworks such as Modernizr
and
Bootstrap that render the new elements in older, non-standard browsers. Also, Mario uses both Sketch and InVision which are digital design, collaboration, interactive and prototyping tools for all visual design-related projects.
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.
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.
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 the 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.