Construcción sitio (solamente HTML / Bootstrap 5) , contamos con paleta de colores y logo
Budget: $30 – $250 USD
Hola necesito construir la interfaz web (solo HTML) para Defensoría Digital, nuestra empresa proveerá soluciones jurídico-digitales, firma digital de documentos y asesorías legales con nuestro staff de abogados.
Elementos técnicos:
- El html debe ser construido con Bootstrap 5
- La paleta a colores a usar deberá ser https://colorhunt.co/palette/14285027496d00909edae1e7
- No se requiere interactuar con servidores ni conectar botones ni links, solo la cáscara html y js necesario
- Si se utiliza un plugin adicional deberá ser Open Source, idealmente en jQuery
- Los iconos deben ser Open Source
- Se adjuntan los logos
- Usar imágenes libres de derechos
Se deberán construir las siguientes páginas:
- Landing page (se adjunta descripción)
- Blog (2 páginas)
* Lista de artículos
* Artículo
- Documentos (3 páginas)
* Página principal donde se listen las categorías (Contratos, Declaraciones juradas, Poderes, Mandatos, Otros documentos)
* Página de listado de documentos por categoría
* Página del documento (título, descripción, uso del documento, requisitos para firmar el documento, botones "Descargar" y "Firmar"
- Página estándar para presentación de tipos de asesorías, esta página contendrá un listado de asesorías con texto desplegable por cada asesoría y un botón que llame a la acción
- Página de verificar de documentos ( idea https://verificador.muysimple.cl )
LANDING PAGE
Deberá contener la barra de navegación, un jumbotron tipo carrusel, opiniones de clientes, formulario de contacto, botones laterales y pie de página.
Elementos:
BARRA DE NAVEGACIÓN:
Link a “Home”.
Link a “Documentos y Contratos”.
Link a “Asesoría Laboral”.
Link a “Asesoría Penal”.
Link a “Denuncias”.
Botón de “Ingreso” al lado derecho de la barra (idea https://www.muysimple.cl )
JUMBOTRON
Carrusel 1/2:
Imagen de fondo. con logo corporativo.
Propuesta de valor : “Rediseñamos la forma en que ejerces tus derechos. Asesoría y defensa jurídica especializada, al alcance de tu mano”.
Botones de acceso rápido para “Soluciones Digitales”:
1 DOCUMENTOS Y CONTRATOS.
Ícono
Propuesta de valor: “Conoce nuestra amplia gama de documentos y contratos"
2 FIRMA ELECTRÓNICA.
- Ícono
- Propuesta de valor: “Sube un documento en formato .PDF para firma electrónica, simple o avanzada”.
3 DENUNCIAS.
- Ícono
- Propuesta de valor: “Interponer una denuncia nunca fue tan fácil. Revisa nuestro catálogo, para procedimientos judiciales o administrativos”
4 ASESORÍA LABORAL
- Ícono
- Propuesta de valor: “Conoce tus derechos como trabajador y qué acciones puedes ejercer.”
5 CALCULADORA DE INDEMNIZACIÓN LABORAL
- Ícono
- Propuesta de valor: “Calcula tu indemnización por despido injustificado, autodespido, o despido de trabajadores a honorarios del sector público o privado”
6 ASESORÍA PENAL.
- Ícono
- Propuesta de valor: “Defensa y representación jurídica especializada para víctimas e imputados”
Carrusel 2/2
a) Imagen de fondo. Incluir logo corporativo.
b) Título: “CALCULADORA DE INDEMNIZACIÓN LABORAL ”
Subtítulo: “Calcula y conoce el monto de tu indemnización por despido injustificado, autodespido o despido de trabajadores a honorarios del sector público o privado”
c) Botón de acceso rápido a “Calculadora Laboral”
OPINIONES DE CLIENTES.
Un carrusel con opiniones de nuestros clientes
FORMULARIO DE CONTACTO.
- Nombres
- Correo
- Teléfono
- Tipo de consulta
- Mensaje
BOTONES LATERALES siempre visibles
- whatsapp
- email
PIE DE PÁGINA
- Redes sociales
- FAQ
- Blog
- Asesoría Laboral
- Calculadora Indemnización Laboral
- Asesoría Penal
- Verificador de Documentos
- Política de Privacidad
- Términos y Condiciones
- Información de contacto
- Email
- Whatsapp
- Dirección
Elementos técnicos:
- El html debe ser construido con Bootstrap 5
- La paleta a colores a usar deberá ser https://colorhunt.co/palette/14285027496d00909edae1e7
- No se requiere interactuar con servidores ni conectar botones ni links, solo la cáscara html y js necesario
- Si se utiliza un plugin adicional deberá ser Open Source, idealmente en jQuery
- Los iconos deben ser Open Source
- Se adjuntan los logos
- Usar imágenes libres de derechos
Se deberán construir las siguientes páginas:
- Landing page (se adjunta descripción)
- Blog (2 páginas)
* Lista de artículos
* Artículo
- Documentos (3 páginas)
* Página principal donde se listen las categorías (Contratos, Declaraciones juradas, Poderes, Mandatos, Otros documentos)
* Página de listado de documentos por categoría
* Página del documento (título, descripción, uso del documento, requisitos para firmar el documento, botones "Descargar" y "Firmar"
- Página estándar para presentación de tipos de asesorías, esta página contendrá un listado de asesorías con texto desplegable por cada asesoría y un botón que llame a la acción
- Página de verificar de documentos ( idea https://verificador.muysimple.cl )
LANDING PAGE
Deberá contener la barra de navegación, un jumbotron tipo carrusel, opiniones de clientes, formulario de contacto, botones laterales y pie de página.
Elementos:
BARRA DE NAVEGACIÓN:
Link a “Home”.
Link a “Documentos y Contratos”.
Link a “Asesoría Laboral”.
Link a “Asesoría Penal”.
Link a “Denuncias”.
Botón de “Ingreso” al lado derecho de la barra (idea https://www.muysimple.cl )
JUMBOTRON
Carrusel 1/2:
Imagen de fondo. con logo corporativo.
Propuesta de valor : “Rediseñamos la forma en que ejerces tus derechos. Asesoría y defensa jurídica especializada, al alcance de tu mano”.
Botones de acceso rápido para “Soluciones Digitales”:
1 DOCUMENTOS Y CONTRATOS.
Ícono
Propuesta de valor: “Conoce nuestra amplia gama de documentos y contratos"
2 FIRMA ELECTRÓNICA.
- Ícono
- Propuesta de valor: “Sube un documento en formato .PDF para firma electrónica, simple o avanzada”.
3 DENUNCIAS.
- Ícono
- Propuesta de valor: “Interponer una denuncia nunca fue tan fácil. Revisa nuestro catálogo, para procedimientos judiciales o administrativos”
4 ASESORÍA LABORAL
- Ícono
- Propuesta de valor: “Conoce tus derechos como trabajador y qué acciones puedes ejercer.”
5 CALCULADORA DE INDEMNIZACIÓN LABORAL
- Ícono
- Propuesta de valor: “Calcula tu indemnización por despido injustificado, autodespido, o despido de trabajadores a honorarios del sector público o privado”
6 ASESORÍA PENAL.
- Ícono
- Propuesta de valor: “Defensa y representación jurídica especializada para víctimas e imputados”
Carrusel 2/2
a) Imagen de fondo. Incluir logo corporativo.
b) Título: “CALCULADORA DE INDEMNIZACIÓN LABORAL ”
Subtítulo: “Calcula y conoce el monto de tu indemnización por despido injustificado, autodespido o despido de trabajadores a honorarios del sector público o privado”
c) Botón de acceso rápido a “Calculadora Laboral”
OPINIONES DE CLIENTES.
Un carrusel con opiniones de nuestros clientes
FORMULARIO DE CONTACTO.
- Nombres
- Correo
- Teléfono
- Tipo de consulta
- Mensaje
BOTONES LATERALES siempre visibles
PIE DE PÁGINA
- Redes sociales
- FAQ
- Blog
- Asesoría Laboral
- Calculadora Indemnización Laboral
- Asesoría Penal
- Verificador de Documentos
- Política de Privacidad
- Términos y Condiciones
- Información de contacto
- Dirección