---
url: 'https://metadrop.net/es/proyectos/fosters-hollywood'
title: "Foster's Hollywood"
author:
  name: Root
  url: 'https://metadrop.net/es/sobre/metadrop'
date: '2017-01-17T11:19:10+00:00'
updated: '2026-06-10T12:48:59+00:00'
type: project
summary: "Web destinada a la búsqueda de restaurantes y promociones de Foster's Hollywood."
tags:
  - 'Foster Hollywood'
  - Drupal
  - 'Drupal 7'
  - Angular
  - Sass
  - Compass
image: 'https://metadrop.net/sites/default/files/styles/full/public/imce/image/project/header-foster.jpg.webp?itok=iNz2u1wn'
published: true
og:
  determiner: Automatic
  site_name: Metadrop
  'image:url': 'https://metadrop.net/sites/default/files/styles/full/public/imce/image/project/header-foster.jpg.webp?itok=iNz2u1wn'
  'image:type': image/jpeg
  'image:width': '1110'
  'image:height': '740'
  'image:alt': "Foster's Hollywood"
  street_address: 'Calle Manuel Luna, 12, 3 Dcha'
  locality: Madrid
  region: Madrid
  postal_code: '28020'
  country_name: España
  email: hola@metadrop.net
  phone_number: '910053180'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      '@type': Article
      name: "Foster's Hollywood"
      headline: 'Web para franquicia, incluye API para integrar con la aplicación móvil y buscador en Drupal usando AngularJS'
      description: 'Web para franquicia, incluye API para integrar con la aplicación móvil y buscador en Drupal usando AngularJS'
      about:
        - Drupal
        - 'Drupal 7'
        - Angular
        - Sass
        - Compass
      image:
        '@type': ImageObject
        url: 'https://metadrop.net/sites/default/files/styles/full/public/imce/image/project/header-foster.jpg.webp?itok=iNz2u1wn'
        width: '1110'
        height: '740'
      datePublished: '2017-01-17T12:19:10+0100'
      dateModified: '2026-06-10T14:48:59+0200'
      author:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
      publisher:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
      mainEntityOfPage: 'https://metadrop.net/es/proyectos/fosters-hollywood'
    -
      '@type': Organization
      '@id': 'https://metadrop.net/#organization'
      url: 'https://metadrop.net/'
      name: Metadrop
      sameAs:
        - 'https://www.drupal.org/metadrop'
        - 'https://twitter.com/metadrop'
        - 'https://asociaciondrupal.es/partner/metadrop'
        - 'https://www.linkedin.com/company/metadrop'
      logo:
        '@type': ImageObject
        url: 'https://metadrop.net/themes/custom/mdrop_radix/logo-metadrop-500-500.jpg'
        width: '500'
        height: '500'
    -
      '@type': ItemPage
      '@id': 'https://metadrop.net/es/proyectos/fosters-hollywood'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Inicio
            item: 'https://metadrop.net/es'
          -
            '@type': ListItem
            position: 2
            name: 'Casos de Estudio'
            item: 'https://metadrop.net/es/proyectos'
      publisher:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
---
 

 

# Foster's Hollywood

## Web para franquicia, incluye API para integrar con la aplicación móvil y buscador en Drupal usando AngularJS



 

Web destinada a la búsqueda de restaurantes y promociones de Foster's Hollywood.



 

 [Explorar](#scroll-to-content) 

 



   



 ## ¿Quién es Foster's Hollywood?

Foster's Hollywood es una de las cadenas de restaurantes de referencia de comida americana en el sector del *Casual Dinning.*

### ¿Por qué Drupal?

Las características del proyecto llevaron a nuestro cliente a decidirse por Drupal debido a la usabilidad que proporciona este CMS. Aun sin la necesidad de un sitio muy complejo en el desarrollo inicial en lo que a contenido se refiere, permite la ampliación de funcionalidades en momentos posteriores.



 

 

 

 



 

 

 



 

 

 



 







 

### El proyecto

#### La meta

El desafío fundamental consistió en el desarrollo de un buscador dinámico para el que usamos la tecnología **AngularJS**.

Sin olvidar otro aspecto importante por el cual el cliente disponía de los datos más relevantes en formato csv y debíamos encontrar una manera sencilla y eficaz para migrar toda esta información a su nuevo sitio en Drupal.

#### Los requisitos

Una de las peticiones más relevantes que se nos pedían se relaciona con un **diseño final atractivo** que reflejara la imagen de la marca.



 

 

 

 



 







 

#### ¡Y estos fueron los resultados!

El **buscador** es un componente muy destacado y del que estamos especialmente orgullosos. Se consiguió un buscador dinámico con un mapa interactivo que permite buscar de forma bidireccional entre el mapa y el buscador de una forma muy cómoda y que tiene como resultado una gran experiencia de usuario.

Conseguimos con éxito la **importación y exportación** de información a csv permitiendo a los editores obtener información en un formato conocido y manejable.

La centralización del contenido en la web nos permitió desarrollar una **API personalizada** para lograr que la aplicación móvil se integrara con el sitio. La web provee la información necesaria a la aplicación facilitando el mantenimiento y la gestión de los contenidos.

Se tuvo un especial cuidado en todos los sistemas de **Tracking** y **SEO** de la Web.