Diseño web responsive
Tener presencia en todos los dispositivos es muy importante para llegar a nuestro público objetivo y asegurar el éxito de un proyecto.
Un gran porcentaje de usuarios se conecta a diario desde distintos dispositivos (smartphones, tablets, portátiles, PCs, libros electrónicos...) y cada uno de estos dispositivos tiene sus características y limitaciones de visualización.
¿Qué es el diseño web responsive?
El diseño web responsive es una técnica de diseño web que permite una correcta visualización de un sitio web en diferentes dispositivos (ordenadores, tablets, smartphones...).
Mediante diferentes técnicas redimensionamos y colocamos los elementos para que se adapten a cada dispositivo, asegurando una óptima visualización y una buena experiencia de usuario.
¿En qué me puede ayudar tener una web responsive?
Más visitas desde móvil
Ayuda al posicionamiento web
Aumenta las tasas de conversión
Mejora la experiencia de usuario
Administración unificada
Refuerza vuestra imagen de marca
¿Cuál es vuestra metodología?
Consultoría y planificación
Os ayudamos a definir los objetivos del sitio web, al que va dirigido y qué finalidad tiene y planificar la estructura y los contenidos que se mostrarán.
Diseño web
Creamos el aspecto visual del sitio web, componemos las diferentes páginas y el comportamiento de los diferentes elementos de interacción para que el sitio web tenga un diseño que sea atractivo, claro y permita un acceso rápido a la información.
Programación
Desarrollamos el sitio web utilizando las diferentes herramientas (templates flexibles, imágenes ajustables, javascript para identificar tamaños de pantalla, CSS media queries para establecer estilo según dispositivos...).
Testeo y publicación
Comprobamos que el diseño responsive funciona correctamente así como todos los elementos de navegación. Una vez vemos que todo es correcto, publicamos el sitio web.
¿Nos podéis enseñar algún ejemplo?
Stockmagasin: Tienda de primeras marcas
Stock Magasin es una tienda de productos en oferta de primeras marcas. En Avellana Digital implementamos una plataforma de e-commerce que permite gestionar la fecha de vigencia, cantidad de productos disponibles, apadrinar, códigos descuento, etc. El sitio web es responsivo a diferentes resoluciones de pantalla e incluye herramientas de e-mail marketing.
Carintec Madera: Suministo de materiales de madera
Carintec es una empresa suministradora de materiales de madera que trabaja para diferentes instituciones públicas y privadas. En 2014, ante las exigencias del mercado, Carintec decide potenciar su imagen de marca a través de una página web corporativa. En Avellana Digital, definimos sus objetivos y estrategia y determinamos las líneas que marcarían su imagen en Internet, de acuerdo con sus valores y filosofía de empresa. El resultado fue una web corporativa con gestor de contenidos, para poder actualizar el contenido y subir nuevos proyectos fácilmente y, con un diseño responsive, adaptado al tamaño de la pantalla de los diferentes dispositivos.
Coco Aqua: Tienda Online B2B
Coco Aqua es una empresa dedicada al diseño, producción, comercialización y distribución de ropa infantil de marcas propias. Además de tiendas físicas, CocoAqua necesitaba dinamizar su venta a través de Internet. Por eso, en Avellana Digital diseñamos y desarrollamos un comercio electrónico B2B dirigido a tiendas y retail, para simplificar y facilitar el proceso de venta. También sincronizamos el comercio electrónico con la organización interna a través de un ERP (sistema de planificación de recursos empresariales) para mejorar su gestión, estructura y comunicación interna. Ahora, Coco Aqua puede gestionar sus compras, almacén y contabilidad de manera más eficiente.
Tienda online COSELVA: Cooperativa agrícola
La Cooperativa Agrícola de la Selva del Camp, Coselva, es un referente en el campo del Cooperativismo agrario. Ante la necesidad de adaptarse a los nuevos tiempos, Coselva deicide consolidar su presencia en Internet y potenciar su venta a través de un comercio electrónico. En Avellana Digital nos encargamos de su diseño, maquetación y subida de los contenidos. Actualmente Coselva puede disfrutar de un comercio electrónico responsivo (que se adapta a las diferentes tamaños de pantalla), con un acceso privado para los socios y con un gestor de contenidos que le permite subir fácilmente sus noticias.
Covides: Cooperativa vinícola del Penedés
Covides es la 1ª Cooperativa vinícola en Cataluña en términos de volumen y dispone de un amplio abanico de vinos y cavas con Denominación de Origen. Sin embargo, Covides disponía de una web que había quedado anticuada, tanto estéticamente como funcionalmente y, por tanto, no daba suficientes resultados. En Avellana Digital nos pusimos manos a la obra y implementamos un diseño más fresco y visual, responsivo a los dispositivos móviles, usable y orientado a los resultados. De esta manera, la Cooperativa Covides ha podido mejorar su imagen de marca y dispone de un sitio web corporativo con gestor de contenidos para poder actualizar sus productos y textos siempre que lo necesiten.
Insavi: Fabricación de sistemas avícolas
Insavi es una empresa que diseña y construye jaulas avícolas con alcance internacional, así como sistemas complementarios de gallinanza. En 2014, Insavi ve la necesidad de renovar su página web corporativa para adaptarse a las nuevas tendencias y hacerla responsive, más usable e intuitiva. En Avellana Digital nos ocupamos de la creación de su web corporativa con gestor de contenidos, desde el nuevo diseño responsive hasta la fotografía y videos corporativos de la empresa. El resultado ha sido una web mucho más actual, con una imagen que corresponde con sus valores y filosofía y enfocada a sus resultados de empresa.
Silicium España Laboratorios
Silicium es una empresa dedicada a la producción, desarrollo e investigación de complementos dietéticos y estética natural con alcance internacional. Ante la necesidad de expandirse y abrirse a nuevos mercados, en Avellana Digital realizamos un comercio electrónico enfocado en los EE.UU., con un diseño responsivo, mejorando la experiencia de usuario y posicionado orgánicamente para usuarios de Estados Unidos. Realizamos un estudio SEO y optimizamos el comercio electrónico para los motores de búsqueda, especialmente orientado a los EE.UU. También destacamos la integración de un módulo de logística y transporte de Estados Unidos. con el objetivo de facilitar la gestión y mejorar su eficiencia.
Transportes F. Ramos
Transportes F.Ramos es una empresa de logística y transporte de líquidos alimentados a nivel internacional. Con el objetivo de mejorar su imagen en Internet y posicionarse como una empresa líder en el sector, Transportes F.Ramos decide renovar su web con un diseño más actual y profesional. En Avellana Digital realizamos un plan de marketing con las bases de su estrategia online e implementamos un diseño responsive orientado a los resultados, maquetación, programación, soporte en la creación de contenidos, fotografía y subida de los contenidos en diferentes idiomas. En paralelo al proyecto, realizamos las optimizaciones SEO on page necesarias, tanto en factores técnicos como en el contenido de la web (SEO friendly).
Campus Vidimiri: Campamento de verano de basket
Vidimiri Basket Camp es un campus de Baloncesto para niños de 8 a 18 años organizado por Sergi Vidal y Albert Miralles, jugadores ACB del FIATC Joventut. Con el objetivo de darse a conocer a un público más amplio y ofrecer una experiencia de usuario óptima, en Avellana Digital realizamos un diseño responsive de comercio electrónico, con un sistema de informes de jugadores y roles con accesos diferenciados. Finalmente, desarrollamos varias campañas Adwords, orientadas tanto a usuarios nacionales como internacionales y un seguimiento de resultados de la campaña. El Campus Vidimiri llenó las plazas de sus dos turnos de verano con éxito.
Sembra: Kits de cultivo urbano
Sembra es una iniciativa de Semillas Fitó, empresa referente en semillas agrícolas y hortícolas, con el objetivo de acercar los huertos urbanos a la ciudadanía a través de sus kits de cultivo "en casa". En Avellana Digital realizamos un Plan de Marketing, que sentó las bases del proyecto y dio forma a su estrategia online; posteriormente nos ocupamos del diseño y desarrollo del comercio electrónico, adaptado a los dispositivos móviles (responsive). Para impulsar el proyecto, también realizamos una campaña de CPC Adwords, orientado al conocimiento de la marca (awareness) y conversiones. Finalmente analizamos los resultados del comercio electrónico y campaña Adwords para comprobar la efectividad y experiencia de usuario.
SFREUS: Servicios Funerarios de Reus
La web corporativa de la Funeraria de Reus necesitaba un rediseño que mejorara la usabilidad y experiencia de usuario de los dispositivos móviles. Por ello, en Avellana Digital nos pusimos mano a la obra y realizamos un diseño responsivo con gestor de contenidos. Además, para agilizar su gestión, implementamos un sistema de planificación de recursos (ERP) sincronizado con la organización interna y establecimos una automatización de procesos para agilizar el trabajo. Ahora, la web corporativa de los Servicios Funerarios se muestra mucho más visual e intuitiva para el usuario, a la vez que internamente es más eficiente.
Tu Ecobox: Tienda de productos ecológicos
Tu Ecobox es una tienda online de productos ecológicos de calidad y para personas con intolerancias alimentarias. En Avellana Digital realizamos el diseño del logotipo e imagen corporativa, el diseño responsive, programación y desarrollo del comercio electrónico así como en la creación y soporte inicial con los diferentes perfiles sociales.
Ayuntamiento de Reus: Institución pública
La web del Ayuntamiento de Reus ofrece información sobre la ciudad y el Ayuntamiento, su agenda, servicios, trámites, cultura, actividades... Avellana Digital ha sido una pieza importante en la consultoría tecnológica y nos hemos ocupado de su diseño y desarrollo con Drupal. La web del Ayuntamiento de Reus permite una navegación fácil e intuitiva, se centra en una buena experiencia de usuario móvil y permite realizar diferentes trámites en línea a través de su sede electrónica. Además del apoyo técnico y mantenimiento, en la Avellana Digital también realizamos informes de analítica web con optimizaciones mensuales para la mejora de la usabilidad y el SEO.
Taxis Reus: Servicio de taxi
La organización de taxis de Reus también confió el desarrollo de su página web corporativa en Avellana Digital. El sitio proporciona un servicio de reservas de taxis online, la localización de todas las paradas en la ciudad de Reus y todo tipo de información relevante para el desgaste . Taxisreus.com es una página totalmente orientada a la acción. Al Avellana Digital nos encargamos de su desarrollo con Drupal , integración de módulos y diseño responsivo , es decir , adaptado al tamaño de la pantalla de dispositivos móviles.
La Ruta del Cister: Marca turística del territorio del Alt Camp
http://www.larutadelcister.info
La Ruta del Cister es una zona formada por los tres monasterios cistercienses de Cataluña: Santes Creus (Alt Camp) , Poblet (Conca de Barberà) y Vallbona de les Monges (Urgell) . En Avellana Digital nos ocupamos del diseño y desarrollo de su sitio web con Drupal, donde se presentan todos los atractivos turísticos y culturales de forma ordenada y esquemática.
Torrons la Boqueria: Tienda Online
Torrons Boqueria es una tienda del Mercado La Boquería de Barcelona especializada en la venta de futos secos, turrones y especias. En Avellana Digital diseñamos y desarrollamos su comercio electrónico con PrestaShop para llegar a más clientes potenciales y mantener un punto de venta abierto las 24 horas los 365 días del año. Además, el diseño del e-commerce permite una navegación responsiva (adaptada al los distintos tamaños de pantalla). De esta manera, los usuarios de dispositivos móviles pueden navegar de forma usable e intuitiva y pueden realizar sus compras online de forma sencilla.
Club Futbol Reus Deportiu: Equipo de futbol
http://www.cfreusdeportiu.com/
Realizamos el rediseño del web del Club de Futbol Reus Deportiu, de acuerdo con un diseño más visual, adaptado a dispositivos móviles y mejorando la experiencia de usuario. El web se integra con diferentes módulos, para la presentación de jugadores, módulo de la clasificación y de los próximos partidos y resultados. También realizamos la integración de noticias de la antigua web y la integración con la API de Google Maps.
CIA Passabarret: Compañía de circo
Realizamos el diseño web, la ilustración y la imagen corporativa de CIA Passabarret, un grupo de artistas muy carismático de Valls, Tarragona. CIA Passabarret ofrece espectáculos de todo tipo: malabares, clown, talleres, animación infantil y para adultos, musicales... En Avellana Digital, además, nos encargamos del diseño web a medida, diseño responsivo y programación multidioma, así como la creación de su dosier "El Circ va a l'Escola".
Aimin Export, la red social de exportación
Aimin Export es la red social que pone en contacto a empresas exportadoras y profesionales de la exportación. En Avellana Digital desarrollamos la plataforma de exportación con funcionalidades como recibir consultas y presupuestos, comparación de servicios, seguimiento de usuarios, comentarios y valoraciones, entre otros. También nos encargamos del diseño y desarrollo de su web corporativa con una herramienta para la gestión de contenidos en el blog
Quercus Technologies: Soluciones avanzadas en aparcamientos
http://quercus-technologies.com
Quercus Technologies proporciona soluciones para mejorar la movilidad y seguridad en los aparcamientos a través de sistemas de lectura de matrículas, detección de vehículos, sensores spot control y video vigilancia con una tecnología avanzada. El equipo de Avellana Digital ha realizado el diseño y desarrollo de su web corporativa con el objetivo de ofrecer una experiencia de usuario óptima. En Avellana Digital también desarrollamos su portal interno para partners.
SYL Jewels: Arquitectura y diseño de joyas
SYL Jewels es un nuevo concepto que combina arquitectura y diseño de joyas. La tienda online ofrece pendientes, collares, anillos y pulseras transformables, es decir, podemos personalizar una misma joya y ponerla en diferentes posiciones.
En Avellana Digital hemos creado el diseño web pensando en una buena experiencia de usuario en todos los dispositivos; creación de contenidos según estudio de palabras clave y SEO; integración con herramientas de email marketing; programación de diferentes módulos y herramienta de gestión de contenidos (CMS) para poder crear y gestionar fácilmente los artículos del blog.
CMIyO: Centro médico
Diseño web y desarrollo del portal corporativo del centro médico CMIyO. Con el objetivo de obtener una mayor presencia en Internet, el Dr. J.J. Sánchez Cano y la Dra A. Fallo Pouget disponen de una herramienta CMS para subir contenidos fácilmente a la web y mostrar más información al usuario sobre sus especialidades. El diseño web se adapta a la medida de todos los dispositivos e incorpora un formulario para contactar con CMIyO.
Ayuntamiento de Granollers
Desarrollo con Drupal del nuevo diseño del portal del Ayuntamiento de Granollers. La web se adapta a la medida de todos los dispositivos e incorpora un módulo para gestionar la posición de elementos dentro de la web y proporcionar una mayor flexibilidad y capacidad de personalización.
Diseño web de la Clínica Dental Guiu
http://clinicadentalguiu.com/es/
Diseño web y desarrollo de la Clínica Dental Guiu. Se ha aplicado un diseño adaptado a todos los dispositivos, integración con las redes sociales y módulo SEO para facilitar las acciones de posicionamiento web. También hemos llevado a cabo la creación de contenidos en todas las páginas previo estudio de palabras clave e inserción de vídeos explicativos para aclarar cualquier duda que tenga el usuario a la vez de proporcionar un sitio web rápido y usable.
Diseño web - Clínica Dental Dr. Gisbert
http://www.clinicadentaldrgisbert.cat/es
El Dr. Gisbert es uno de los odontólogos más prestigiosos de Reus. Después de una extensa formación y experiencia en el Hospital de Oxford, vuelve a Reus para abrir su propia clínica dental. Ahora, confía en Avellana Digital para dar a conocer su clínica en Internet. Destacamos el diseño web y desarrollo con Drupal así como la creación de contenidos según estudio de palabras clave.
Rediseño del web transframos.com
Realizamos la actualización del diseño web de Transportes F. Ramos, empresa transportista de materiales líquidos alimentarios. Con este nuevo rediseño, la empresa tiene el objetivo de mejorar la experiencia de usuario e ir un paso más allá en super imagen corporativa.
También realizamos campaña de branding en Internet mediante creación de contenido, aparicio en medios y publicidad online.
Diseño web de Fervalls Lloguers
Fervalls Lloguers es una empresa de Valls que alquila material para la construcción y la obra, como andamios, grúas o máquinas elevadoras. En Avellana Digital ayudamos a Fervalls Lloguers a fortalecer su presencia en Internet mediante el diseño de su web y de una estrategia de marketing online.
Desarrollo web de Your Dog T-Shirt
Your Dog T-Shirt es un e-commerce de camisetas y tazas con ilustraciones de perros, orientada a todos aquellos fanáticos de una raza de perro concreta. Desde Avellana Digital hemos colaborado en el diseño y desarrollo web del proyecto y también llevamos a cabo la planificación y ejecución de SEO, marketing digital y redes sociales.
Concretamente, Do You T-Shirt trata de una multitienda según diferentes idiomas, catalán, castellano e inglés, por lo que, se muestran tres tiendas diferentes al usuario pero el cliente puede acceder desde un mismo backoffice.
Tienda online de GOMA2
Goma2.net es una tienda online especializada en la reparación de pies de gato, así como la venta de artículos de escalada y out door. Nuestra relación con Goma2 ya hace muchos años que comenzó a través de su primera tienda online. Ahora, volvemos a trabajar para actualizar su web, adaptarlo a las nuevas tendencias y mejorar su presencia online.
Después de un pequeño estudio inicial, rediseñamos su web para ofrecer una mejor experiencia de usuario y optimizarla para los motores de búsqueda. La tienda online está disponible en múltiples idiomas y utiliza la plataforma Prestashop, la cual ofrece grandes ventajas y facilidades para tiendas como la suya.
Diseño web - Augescens Pádel
Augescens Pádel está formado por un grupo de jóvenes emprendedores de la provincia de Tarragona apasionados por el pádel y el diseño. Después de un tiempo de darle vueltas, contactaron con nosotros para hacer realidad su sueño: lanzar su propia marca de artículos de paddle. Pronto nos pusimos manos a la obra y creamos la página corporativa y tienda de Augescens Pádel, donde disponen de ropa, palas, bolsas, toallas y otros accesorios de pádel. Augescens se basa en una filosofía de superación personal, ya que impulsa el crecimiento y romper tus límites. De hecho, la marca esponsoriza a algunos jóvenes jugadores destacados, formando su propio equipo Augescens.
Rediseño de Reus Digital
Rediseño de la web reusdigital.cat para mejorar la experiencia de usuario en tamaños de pantalla más pequeñas. El diseño responsivo reorganiza los elementos de la web para garantizar una buena usabilidad desde smartphones y tabletas. La web utiliza la tecnología Drupal.
Por otra parte, se ha posibilitado una estructura de la portada flexible, pudiendo gestionar las columnas de la hombre y distribuir el contenido libremente. A través de la interfaz del backoffice, el creador de contenidos puede decidir crear la portada en filas de una, dos, tres o cuatro columnas, según las necesidades de publicación. También es posible elegir el modo de visualización, según la posición del título respecto la imagen.
Desarrollo web Borges
Diseño y desarrollo web con Wordpress. La web se muestra en 4 idiomas: Español, catalán, inglés y francés. Dispone de un apartado de agenda, información financiera y últimas noticias. También cuenta con certificado SSL, mediante el cual permite la navegación en HTTPS.
Desarrollo web Ahorraclima
Ahorraclima es una tienda online Prestashop de climatización referente a nivel nacional. Nuestro trabajo a Ahorraclima se basa en la actualización del Prestashop a la última versión así como un cambio de plantilla, más adecuado a la nevageció de teléfonos móviles. De este modo la tienda online ofrece una buena experiencia de venta en cualquier dispositivo.