Sitio Web + Blog

Diseño del ‘Diario Digital’ de una ONG

Sitio WEB con Blog con 2 menús. El aspecto visual se encuentra bastante definido.

excluyente contar con trabajos similares que apliquen las condiciones que aquí se especifican.

¡Gracias!

Menú 1:

1.    Inicio: Home (Ancla) 
2.    RCVU:

Submenús:
a)     ¿Quiénes somos?
-    Visión
-    Misión
-    Lista de socios en recuadros interactivos
b)    Proyectos
-    Lista de proyectos en recuadros interactivos (Ver siguiente sitio WEB para conocer el estilo y tipo de animaciones requeridas: http://www.the-artery.com/Film-TV )
3.
Sponsors: Lista de Patrocinadores (Misma página, ANCLA)
4.    Contacto: En la misma página de inicio. (Ancla)
5.
Secretaría: Nueva página.
A)    Actas: Página privada. Se otorgará un permiso especial a usuarios que ingresan con Google/Facebook y se habilitan desde el ADMIN, o con una clave.
B)    Newsletter: Se importa desde otro sitio (Iframe)
c)    Carta mensual: Idem.

Menú 2:

Secciones del Blog:

1.    rotary club (amarillo)
2.    NEGOCIOS (Verde)
3.
CULTURA (Rojo)
4.    CHAGAS (Azul)
5.    estilo de vida (violeta)
6.
ENTREVISTAS (Naranja)

Cada sección se abre en una nueva página que contiene las notas de la categoría con una portada particular. Cada una tendrá un editor que podrá redactar contenidos que, a su vez, serán aprobados o no por el administrador principal.

El home contiene las últimas notas priorizando las destacadas

Resolver:

    Generar un sistema de suscripción eficiente evitando Pop-ups.
    El público objetivo del sitio es de un rango etario alto por lo que el diseño debe ser extremadamente simple e intuitivo.
    Utilizar un estilo muy simple, elegante y claro con la menor cantidad de información posible.
    Definir cómo se implementarán los comentarios, ¿Por FACEBOOK o un Plugin de Blogs para ingresar desde cualquier cuenta o escribir anónimamente? ¿Qué conviene?



Instrucciones y comentarios:




A)    Archivo PORTADA

1)    Portada y menús:
a)    Al seleccionar el menú de sección aparece un recuadro desplazándose cuyo color depende de la categoría.
B)    Integración con redes sociales a la derecha
c)    Logo y marca a la izquierda
d)    Cuando scrolleamos hacia abajo los menús deben tener un efecto de slide: El menú 1 se dirige hacia la derecha con un desplazamiento suave, el menú dos sube y reemplaza el título. Se utilizan las opciones de fusión del background para que tenga transparencias. ambos menús siempre quedarán visibles
e)    el título, al scrollear desaparece y se trslada a la esquina superior izquierda donde va apareciendo, poco a poco, a medida que se baja, el logo de la organización.

2)    Imagen de notas más destacadas del blog con desplazamiento automático cada 4 o 5 segundos. Incluye título, autor y fecha.
3)    Notas destacadas del blog:
    Deben ir apareciendo conforme se hace un scroll hacia el footer.
    Al posar el click sobre el puntero se despliega un recuadro del color de la categoría. Se hace un efecto de zoom in o expansión en la foto de portada. Se genera un efecto de slide hacia arriba de título y autor.
( https://l2d.co/ )
    Cada cuadrado del blog (Noticias) debe contener:
a)    Título
b)    Autor
c)    Categoría
d)    Tags
e)    Círculo para compartir en FB.
F)    Botón para leer más – Aparece al posar el puntero (Aunque se puede ingresar a la nota haciendo click en cualquier parte del cuadro)
4)    Recuadro para notas destacadas (No utilizar theme por defecto porque incluye demasiada información).
5)    Tags distribuidos en distintos tamaños, superpuestos, automático.
6)    enviar un mensaje. Cuando se envía aparece una notificación (no popup) de agradecimiento. Cambiar el fondo por algo relativo a las ong y la ayuda humanitaria que realice un zoom in a medida que bajamos (tenemos ejemplos, consultar)
7)    footer simple y elegante que incluya información de contacto, autoría de la marca y definir si se incluye más datos.

8)    Consultar FUENTES y enviar alternativas que preserven el estilo.