Sitio Web + Blog

Payment method: Verified


Completed
Description:
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.

Category: Design & Multimedia
Subcategory: Web design
What do you need?: Create a new custom design
Is this a project or a position?: Project
Required availability: As needed

WordPress JavaScript

USD 100 - 250

Budget

8

Bids

9

Interested freelancers

Published: Last year

Deadline: Not specified

Create your own project

Are you looking for a freelancer to work on a similar project? Create your own project and you’ll receive proposals from the best freelancers.


Freelancers who already applied to this project

Jafet A. M.Soy locutor y productor audiovisual, asi mismo soy director y creador de "Adictiva media" y que Somos una agencia digital ubicada en la ciudad de Bogota. con más de 8 años de experiencia. Creamos conceptos e ideas q... More details

A&D S.Empresa Venezolana, Experta en Diseño web, Desarollo web, Programacion Orientada a Objeto, Profesionales en Instalacion de Redes y Telecomunicaciones, Diseño de logos, Marketing Digital, Experiencia en todas las herra... More details