{"id":7357,"date":"2016-04-06T11:13:21","date_gmt":"2016-04-06T11:13:21","guid":{"rendered":"https:\/\/www.punttodigital.com\/servicio-diseno-apps-ux-ui\/"},"modified":"2020-08-21T03:42:58","modified_gmt":"2020-08-21T03:42:58","slug":"mobile-app-design-ux-ui","status":"publish","type":"page","link":"https:\/\/www.punttodigital.com\/en\/mobile-app-design-ux-ui\/","title":{"rendered":"App Design (UX-UI)"},"content":{"rendered":"

[vc_row row_type=”parallax” parallax_content_width=”in_grid” text_align=”left” full_screen_section_height=”no” background_image=”2239″ css=”.vc_custom_1461863427439{padding-top: 100px !important;}”][vc_column css=”.vc_custom_1461842666436{padding-top: 200px !important;padding-bottom: 60px !important;}”][vc_single_image image=”9352″ img_size=”50×50″ qode_css_animation=”” el_class=”web1″][vc_column_text css=”.vc_custom_1596757139134{padding-top: 20px !important;padding-bottom: 20px !important;}” el_class=”titulo1_ux_en”]<\/p>\n

Mobile App Design (UX-UI)<\/h1>\n

[\/vc_column_text][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=””][vc_column_inner width=”5\/6″][vc_column_text]<\/p>\n

We are experts in mobile APPS and UX-UI design<\/strong>. We create effective user experiences that actually work and our users love. We design applications with all the principles of usability. Our mission: to make the user “happy” with your website or application.<\/p>\n

[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/6″ css=”.vc_custom_1462982994400{padding-top: 30px !important;}”]REQUEST UX PROJECT<\/a>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”right” background_image_as_pattern=”without_pattern” css=”.vc_custom_1459950011355{padding-top: 50px !important;}”][vc_column][vc_single_image image=”1007″ img_size=”large” alignment=”right” qode_css_animation=””][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” background_color=”#e1e1e1″ padding_top=”30″ padding_bottom=”30″ css=”.vc_custom_1458740536639{padding-bottom: 40px !important;}”][vc_column css=”.vc_custom_1458776320018{padding-top: 50px !important;}”][vc_column_text css=”.vc_custom_1596757159483{padding-top: 40px !important;}” el_class=”titulo2_ux_en”]<\/p>\n

Usability, Design and User Experience
\n<\/strong><\/h2>\n

[\/vc_column_text][vc_column_text css=”.vc_custom_1552410475214{padding-top: 30px !important;padding-right: 50px !important;padding-bottom: 30px !important;padding-left: 30px !important;}”]<\/p>\n

We understand User Experience on a global level; as the set of factors and elements relating to user interaction with a specific device or environment, resulting in the generation of a positive perception of your organisation.<\/strong><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”center” background_image_as_pattern=”without_pattern” background_color=”#e1e1e1″ css=”.vc_custom_1596757199938{padding-bottom: 50px !important;}” el_class=”detalles_web ux” z_index=””][vc_column width=”1\/3″ css=”.vc_custom_1461606813645{padding-right: 20px !important;padding-left: 20px !important;}”][vc_row_inner row_type=”row” type=”full_width” text_align=”center” css_animation=”” css=”.vc_custom_1463344524047{padding-bottom: 50px !important;}”][vc_column_inner css=”.vc_custom_1458833599970{padding-bottom: 10px !important;}”][vc_single_image image=”9983″ img_size=”full” alignment=”center” qode_css_animation=”element_from_fade”][vc_column_text css=”.vc_custom_1461843089104{padding-top: 20px !important;padding-bottom: 20px !important;}”]<\/p>\n

Personas\u00a0&\u00a0Use Cases<\/h3>\n

[\/vc_column_text][vc_column_text]Before designing, we carefully define the user profile or “personas”, and their context or “Use Cases”, to offer just what they need and in the way they need it.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=”1\/3″ css=”.vc_custom_1461606825136{padding-right: 20px !important;padding-left: 20px !important;}”][vc_row_inner row_type=”row” type=”full_width” text_align=”center” css_animation=”” css=”.vc_custom_1458833693726{padding-bottom: 50px !important;}”][vc_column_inner][vc_single_image image=”9985″ img_size=”full” alignment=”center” qode_css_animation=”element_from_fade”][vc_column_text css=”.vc_custom_1461843103046{padding-top: 20px !important;padding-bottom: 20px !important;}”]<\/p>\n

Wireframing<\/h3>\n

[\/vc_column_text][vc_column_text]We create the wireframing<\/strong> with the structure and functionality of your UX \/ UI project. We design the wireframe to define the user experience and optimise processes.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=”1\/3″ css=”.vc_custom_1461606836639{padding-right: 20px !important;padding-left: 20px !important;}”][vc_row_inner row_type=”row” type=”full_width” text_align=”center” css_animation=”” css=”.vc_custom_1458833715311{padding-bottom: 50px !important;}”][vc_column_inner][vc_single_image image=”9929″ img_size=”full” alignment=”center” qode_css_animation=”element_from_fade”][vc_column_text css=”.vc_custom_1552410594931{padding-top: 20px !important;padding-bottom: 20px !important;}”]<\/p>\n

Functional Design<\/h3>\n

[\/vc_column_text][vc_column_text]The idea is to generate a solution focused on making things work. Concepts like “reduce”, “easy” and “simple” are essential.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” background_color=”#e1e1e1″ css=”.vc_custom_1458233047259{padding-bottom: 70px !important;}”][vc_column width=”1\/2″][\/vc_column][vc_column width=”1\/2″][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”center” background_image_as_pattern=”without_pattern” css=”.vc_custom_1596757281931{padding-top: 80px !important;}” el_class=”contenido1_ux_en” z_index=””][vc_column][vc_column_text css=”.vc_custom_1549048403064{padding-top: 40px !important;}”]<\/p>\n

Mobile App Design (UX-UI) Studio<\/h2>\n

[\/vc_column_text][vc_column_text css=”.vc_custom_1552410741868{padding-top: 30px !important;padding-bottom: 30px !important;}”]<\/p>\n

Below are some examples of beautiful user interfaces we have been working on recently. These apps were designed using Sketch, Illustrator and Photoshop. We also created animations with Principle to test the look and feel of the apps before coding.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” css=”.vc_custom_1483963335204{padding-right: 20px !important;padding-left: 20px !important;}”][vc_column][vc_gallery type=”image_grid” images=”4719,4722,4720,4721″ img_size=”full” column_number=”4″ grayscale=”no” images_space=”gallery_with_space” css=”.vc_custom_1491907940987{padding-top: 40px !important;padding-right: 40px !important;padding-left: 40px !important;}”][vc_separator type=”normal” color=”#972990″ transparency=”1″ thickness=”1″ up=”80″ down=”20″][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” css=”.vc_custom_1460989631759{padding-top: 100px !important;padding-bottom: 70px !important;}”][vc_column width=”1\/2″][vc_single_image image=”4263″ img_size=”large” qode_css_animation=”element_from_left” transition_delay=”1″][\/vc_column][vc_column width=”1\/2″ css=”.vc_custom_1460989897577{padding-top: 30px !important;padding-right: 50px !important;padding-bottom: 50px !important;padding-left: 50px !important;}”][vc_column_text css=”.vc_custom_1552410832970{padding-right: 30px !important;}”]<\/p>\n

UX Design<\/h2>\n

 <\/p>\n

The user experience (UX)<\/strong> refers to the level of user satisfaction when using your product or system. If it’s a good experience, your customers are happy; but if it’s a bad experience, they will never return.<\/p>\n

[\/vc_column_text][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=”element_from_right” transition_delay=”5″ css=”.vc_custom_1461066009975{padding-top: 15px !important;padding-right: 30px !important;}”][vc_column_inner][vc_column_text]<\/p>\n

\u2022 \u00a0<\/span><\/span>IT IS ESSENTIAL TO UNDERSTAND THE USER. PERSONAS & USE CASES ARE THE KEY.<\/span><\/h4>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=”element_from_right” transition_delay=”10″ css=”.vc_custom_1461066017572{padding-top: 10px !important;padding-right: 30px !important;}”][vc_column_inner][vc_column_text]<\/p>\n

\u2022 \u00a0<\/span> MOBILE FIRST. TODAY AROUND 50% OF GLOBAL INTERNET TRAFFIC IS VIA MOBILE DEVICES, COMPARED TO JUST OVER 30% IN 2015. OPTIMISING YOUR ONLINE PRESENCE FOR MOBILE DEVICES IS A MUST!<\/span><\/h4>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=”element_from_right” transition_delay=”20″ css=”.vc_custom_1461066027060{padding-top: 10px !important;padding-right: 30px !important;}”][vc_column_inner][vc_column_text]<\/p>\n

\u2022 \u00a0<\/span> LESS IS MORE. SIMPLE AND EASY TO UNDERSTAND DESIGN.<\/span><\/h4>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=”element_from_right” transition_delay=”25″ css=”.vc_custom_1461066033526{padding-top: 10px !important;padding-right: 30px !important;}”][vc_column_inner][vc_column_text]<\/p>\n

\u2022 \u00a0<\/span> UX RESEARCH & FEATURE LIST.<\/span><\/h4>\n

[\/vc_column_text][vc_separator type=”normal” up=”70″][\/vc_column_inner][\/vc_row_inner][vc_column_text css=”.vc_custom_1552411463353{padding-top: 70px !important;padding-right: 30px !important;}”]<\/p>\n

UI\u00a0Design<\/h2>\n

The design interface (UI)<\/strong>\u00a0is the process of making interfaces in software or computerised devices with a focus on looks or style. We create designs which not only look great but are also easy and satisfying to use!<\/p>\n

[\/vc_column_text][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=”element_from_right” transition_delay=”20″ css=”.vc_custom_1461064905465{padding-top: 10px !important;padding-right: 30px !important;}”][vc_column_inner][vc_column_text]<\/p>\n

\u2022 \u00a0<\/span> CLEAR & CONCISE; AVOIDING AMBIGUITY.<\/span><\/h4>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=”element_from_right” transition_delay=”15″ css=”.vc_custom_1461064911554{padding-top: 10px !important;padding-right: 30px !important;}”][vc_column_inner][vc_column_text]<\/p>\n

\u2022 \u00a0<\/span>\u00a0CONSISTENT STYLE WITH A STRONG DIGITAL PRESENCE.<\/span><\/h4>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=”element_from_right” transition_delay=”25″ css=”.vc_custom_1461064919331{padding-top: 10px !important;padding-right: 30px !important;}”][vc_column_inner][vc_column_text]<\/p>\n

\u2022 \u00a0<\/span>\u00a0REALLY GENERATE LEADS WITH GREAT EYE-CATCHING CTA BUTTONS AND FORMS!<\/span><\/h4>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=”element_from_right” transition_delay=”10″ css=”.vc_custom_1461064927452{padding-top: 10px !important;padding-right: 30px !important;}”][vc_column_inner][vc_column_text]<\/p>\n

\u2022 \u00a0<\/span>\u00a0VISUAL AND FUNCTIONAL.<\/span><\/h4>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”center” background_image_as_pattern=”without_pattern” background_color=”#262626″ lvca_dark_bg=”true” css=”.vc_custom_1458777880094{padding-top: 100px !important;padding-bottom: 100px !important;}”][vc_column][vc_column_text css=”.vc_custom_1462445606248{padding-top: 50px !important;padding-bottom: 50px !important;}”]<\/p>\n

“Design is not just what it looks like and feels like. design is how it works.”<\/h6>\n

-Steve Jobs-<\/h4>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_type=”parallax” parallax_content_width=”full_width” text_align=”left” full_screen_section_height=”no” background_image=”3435″ css=”.vc_custom_1464444318597{padding-top: 500px !important;padding-bottom: 500px !important;}”][vc_column css=”.vc_custom_1461608576825{padding-top: 200px !important;padding-bottom: 200px !important;}”]<\/i><\/span>[vc_column_text css=”.vc_custom_1464623564151{padding-top: 10px !important;}”]<\/p>\n

REQUEST A QUOTE WITHOUT OBLIGATION<\/h3>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” background_image=”3211″ background_color=”#770073″ el_id=”presupuesto-ux”][vc_column][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=”element_from_bottom” css=”.vc_custom_1461746512164{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_column_inner width=”1\/2″ css=”.vc_custom_1461609106330{padding-right: 40px !important;padding-left: 30px !important;}”][vc_column_text css=”.vc_custom_1552416036656{padding-top: 20px !important;padding-bottom: 30px !important;}”]<\/p>\n

LET’S TALK ABOUT YOUR APP-UX PROJECT!<\/p>\n

[\/vc_column_text][vc_column_text css=”.vc_custom_1552416071488{padding-bottom: 20px !important;}”]<\/p>\n

Fill out the form<\/strong> to find out how we can help and we will contact you as soon as possible.<\/p>\n

[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″ css=”.vc_custom_1463343960185{padding-top: 50px !important;padding-right: 50px !important;padding-bottom: 50px !important;padding-left: 50px !important;background-color: #972990 !important;}”]\n

\n

<\/p>

    <\/ul><\/div>\n
    \n
    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<\/div>\n

    <\/span>\n<\/p>\n

    <\/span>\n<\/p>\n

    <\/span>\n<\/p>\n