Explore AI generated designs, images, art and prompts by top community artists and designers.
/imagine prompt: Plano medio hiperrealista de dos profesionales , una mujer de ascendencia Colombiana de aproximadamente 1 , 65 de altura , Cabello: Textura y Ondulación: El cabello presenta una textura que parece ser naturalmente lisa o ligeramente ondulada , estilizada con ondas amplias y suaves que comienzan aproximadamente a la altura de la mandíbula y se intensifican hacia las puntas. No se aprecian rizos definidos , sino más bien curvas fluidas que le dan movimiento y cuerpo. Capas y Corte: Aunque no se ve el corte en su totalidad , se intuye la presencia de capas , especialmente en las secciones frontales que enmarcan el rostro. Estas capas parecen ser largas , contribuyendo al volumen general y a la forma en que las ondas caen. Las puntas se ven relativamente sanas , aunque la iluminación y el procesamiento de la imagen podrían suavizar su apariencia real. Coloración y Reflejos: El color base es un castaño claro. Sobre esta base , se distribuyen reflejos o mechas (posiblemente una técnica como balayage o babylights) en tonos rubios más claros , que van desde un rubio miel hasta un rubio ceniza claro , más concentrados de medios a puntas y en los mechones que rodean el rostro. Estos reflejos aportan luminosidad y dimensión , creando un efecto tridimensional y evitando que el color se vea plano. Hay una transición suave entre los tonos. Distribución y Caída: El cabello parece tener una densidad media a abundante. Está peinado de manera que cae a ambos lados del rostro , cubriendo parcialmente los hombros. Los mechones frontales están ligeramente retirados o caen de forma que no ocultan completamente la frente. Se observa un ligero volumen en la coronilla , aunque el ángulo de la foto no permite verla con claridad. Brillo y Estado Aparente: El cabello tiene un brillo saludable , reflejando la luz de manera uniforme en las zonas más claras , lo que sugiere una buena condición o el uso de productos que potencian el brillo. Rostro: Ovalado. Frente: La frente es de amplitud media , proporcionada con el resto del rostro. La línea del cabello parece ser suave y ligeramente redondeada. No se aprecian líneas de expresión marcadas en la frente , aunque la calidad de la imagen y el maquillaje podrían disimularlas. La piel de la frente se ve lisa. Ojos: Forma y Párpados: Son de forma almendrada , con el ángulo externo ligeramente ascendente. Los párpados superiores son visibles y tienen un pliegue bien definido. El maquillaje de sombras oscuras se concentra en el párpado móvil y en la cuenca , creando profundidad. Pestañas y Delineado: Las pestañas superiores son largas , oscuras y curvadas , posiblemente realzadas con máscara de pestañas de volumen o extensiones/pestañas postizas sutiles. El delineado negro es preciso y grueso , siguiendo la línea de las pestañas superiores y extendiéndose ligeramente más allá del rabillo del ojo , aunque el "ala" completa no es claramente visible. La línea de agua inferior no parece estar delineada de forma marcada , o si lo está , es con un tono claro o muy sutil. Cejas: Las cejas están cuidadosamente perfiladas y maquilladas , con un arco definido y una cola que se adelgaza. El relleno les da una apariencia densa y uniforme , en un tono marrón que armoniza con el color del cabello. Están bien separadas en el entrecejo. Zona Inferior del Ojo: El área debajo de los ojos se ve lisa , con el maquillaje cubriendo cualquier posible ojera o línea fina. Nariz: liqueramente achatada tendiendo a ser un poco pequeña Pómulos: Son prominentes y bien definidos , contribuyendo a una estructura facial esculpida. El maquillaje (rubor y posiblemente contorno) acentúa esta prominencia , con un color cálido aplicado en la parte superior de las mejillas , difuminándose hacia las sienes. Mejillas: Las mejillas son suaves y llenas debajo de los pómulos , afinándose hacia la línea de la mandíbula. No se aprecian hoyuelos. La transición entre el pómulo y la mejilla es suave. Nariz: La nariz es recta en su puente , de longitud y anchura proporcionadas. Las fosas nasales son simétricas y no especialmente dilatadas. La punta de la nariz es redondeada y bien definida. No se observan particularidades como desviaciones o marcas evidentes. Labios: Forma y Grosor: Son labios de grosor medio-alto , con el labio inferior ligeramente más lleno que el superior. El arco de Cupido del labio superior es suavemente pronunciado y simétrico. Las comisuras de los labios están neutras , no se inclinan hacia arriba ni hacia abajo en esta expresión. Textura y Maquillaje: Están maquillados con un color labial mate o semi-mate en un tono terracota-rojizo. La aplicación es uniforme y cubre toda la superficie del labio. No se aprecian grietas ni sequedad extrema , aunque la textura intrínseca del labio (líneas finas naturales) está oculta por el labial. Mentón: El mentón es redondeado y proporcionado con la mandíbula. No se aprecia un hoyuelo en el mentón. Se integra suavemente con la línea de la mandíbula. Línea de la Mandíbula: La línea de la mandíbula es visible y define el contorno inferior del rostro , afinándose desde los ángulos mandibulares hacia el mentón , lo que contribuye a la forma ovalada/corazón del rostro. Señales Particulares: Piel: La piel del rostro , en general , se ve lisa y con una tonalidad uniforme , lo cual es probablemente el resultado del maquillaje (base , corrector). No se observan a simple vista pecas , lunares prominentes , cicatrices u otras marcas distintivas en las áreas visibles del rostro. Cualquier textura fina de la piel o poros están minimizados por el maquillaje y la calidad de la imagen. Simetría: El rostro presenta un alto grado de simetría bilateral en sus rasgos principales (ojos , cejas , pómulos , labios).. y elegantemente vestida (representando Talento Humano) y un hombre de ascendencia europea (representando Salud y Seguridad en el Trabajo) , ambos de entre 35-45 años , inmersos en una discusión colaborativa y positiva en una oficina ultra-moderna , luminosa y espaciosa. Están enfocados en una elegante tableta compartida que sostienen juntos , la cual muestra una interfaz de usuario limpia , sofisticada y rica en datos con gráficos estilizados y métricas equilibradas que integran indicadores de bienestar del personal (TH) y de gestión proactiva de riesgos (SST). La mujer viste un traje pantalón color azul marino de corte impecable con una blusa de seda color crema; el hombre lleva un una camisa blanca con un chaleco de seguridad , con un pantalon jean azul , un casco se seguridad de ingenieria y un radio de comunicación en su mano. Sus expresiones son de compromiso inteligente , confianza y mutuo respeto. Estilo fotográfico y calidad: Ultra-fotorealista , calidad cinematográfica , resolución 8K UHD. Enfoque excepcionalmente nítido en los rostros de los profesionales y la pantalla de la tableta , con una profundidad de campo bellamente renderizada. Texturas hiperdetalladas en los tejidos de la vestimenta (visibles las tramas de la tela) , piel natural con poros sutiles (evitar efecto "airbrush") , y superficies del entorno como madera , metal y cristal. Sin artefactos digitales , sin grano de película. Calidad HDR. Composición y entorno: Vista de cámara a nivel de los ojos. Composición magistral siguiendo la regla de los tercios , con la interacción de los profesionales sobre la tableta como punto focal principal. El fondo es un interior de oficina contemporáneo , con diseño biofílico: líneas arquitectónicas limpias , grandes ventanales que inundan el espacio de luz natural , plantas de interior frondosas y saludables (como Zamioculcas o Sansevierias en maceteros modernos) estratégicamente ubicadas. Mobiliario ergonómico de alta gama (sillas Herman Miller Aeron o similar visibles parcialmente) , y un escritorio de pie minimalista. En una pared distante , un gran monitor interactivo muestra un gráfico abstracto de crecimiento o colaboración , y un pequeño y elegante plan de evacuación enmarcado , estéticamente integrado. Sutilmente visible en un estante , un casco de seguridad blanco , nuevo y limpio , junto a algunos libros con lomos que sugieren títulos como "Talento Humano" , "Recursos Humanos" y "Salud y Seguridad en el Trabajo". El ambiente es ordenado , profesional , innovador y acogedor. Espacio negativo adecuado para posible superposición de texto editorial. Toma estática , sin movimiento de cámara. Iluminación: Iluminación cinematográfica sofisticada. Predominantemente luz natural suave y difusa entrando desde grandes ventanales a la izquierda del encuadre , creando modelado tridimensional con reflejos suaves y sombras tenues y naturales. Complementada por una sutil luz de relleno profesional para asegurar que los rostros estén perfectamente iluminados sin generar dureza. Efecto de iluminación volumétrica con discretos rayos de sol atravesando el ambiente. Reflejos realistas y nítidos en la pantalla de la tableta y otras superficies pulidas. Cámara y lente: Emulación de cámara DSLR profesional de fotograma completo , como una Canon EOS 5D Mark IV o Sony Alpha 7R V. Lente: objetivo prime de 85mm. Apertura: f/2.5 para lograr una profundidad de campo selectiva que enfatice a los sujetos y la tableta , con un bokeh suave y natural en el fondo. Color y ambiente general: Paleta de colores profesional , moderna y atractiva. Tonos de piel precisos y naturales. Colores vibrantes pero equilibrados , con excelente contraste. Blancos puros y negros profundos con detalle. El ambiente general debe ser pulido , sofisticado , optimista , humano , y transmitir excelencia y vanguardia. Calidad editorial superior , ideal para una revista técnica de prestigio mundial. Palabras clave adicionales: calidad premium , aspiracional , lugar de trabajo innovador , excelencia colaborativa , diseño centrado en el ser humano , detalle meticuloso , ejecución impecable , profesionalismo , sinergia , bienestar corporativo. ,
/imagine prompt: Plano medio hiperrealista de dos profesionales , una mujer de ascendencia Colombiana de aproximadamente 1 , 65 de altura , Cabello: Textura y Ondulación: El cabello presenta una textura que parece ser naturalmente lisa o ligeramente ondulada , estilizada con ondas amplias y suaves que comienzan aproximadamente a la altura de la mandíbula y se intensifican hacia las puntas. No se aprecian rizos definidos , sino más bien curvas fluidas que le dan movimiento y cuerpo. Capas y Corte: Aunque no se ve el corte en su totalidad , se intuye la presencia de capas , especialmente en las secciones frontales que enmarcan el rostro. Estas capas parecen ser largas , contribuyendo al volumen general y a la forma en que las ondas caen. Las puntas se ven relativamente sanas , aunque la iluminación y el procesamiento de la imagen podrían suavizar su apariencia real. Coloración y Reflejos: El color base es un castaño claro. Sobre esta base , se distribuyen reflejos o mechas (posiblemente una técnica como balayage o babylights) en tonos rubios más claros , que van desde un rubio miel hasta un rubio ceniza claro , más concentrados de medios a puntas y en los mechones que rodean el rostro. Estos reflejos aportan luminosidad y dimensión , creando un efecto tridimensional y evitando que el color se vea plano. Hay una transición suave entre los tonos. Distribución y Caída: El cabello parece tener una densidad media a abundante. Está peinado de manera que cae a ambos lados del rostro , cubriendo parcialmente los hombros. Los mechones frontales están ligeramente retirados o caen de forma que no ocultan completamente la frente. Se observa un ligero volumen en la coronilla , aunque el ángulo de la foto no permite verla con claridad. Brillo y Estado Aparente: El cabello tiene un brillo saludable , reflejando la luz de manera uniforme en las zonas más claras , lo que sugiere una buena condición o el uso de productos que potencian el brillo. Rostro: Ovalado. Frente: La frente es de amplitud media , proporcionada con el resto del rostro. La línea del cabello parece ser suave y ligeramente redondeada. No se aprecian líneas de expresión marcadas en la frente , aunque la calidad de la imagen y el maquillaje podrían disimularlas. La piel de la frente se ve lisa. Ojos: Forma y Párpados: Son de forma almendrada , con el ángulo externo ligeramente ascendente. Los párpados superiores son visibles y tienen un pliegue bien definido. El maquillaje de sombras oscuras se concentra en el párpado móvil y en la cuenca , creando profundidad. Pestañas y Delineado: Las pestañas superiores son largas , oscuras y curvadas , posiblemente realzadas con máscara de pestañas de volumen o extensiones/pestañas postizas sutiles. El delineado negro es preciso y grueso , siguiendo la línea de las pestañas superiores y extendiéndose ligeramente más allá del rabillo del ojo , aunque el "ala" completa no es claramente visible. La línea de agua inferior no parece estar delineada de forma marcada , o si lo está , es con un tono claro o muy sutil. Cejas: Las cejas están cuidadosamente perfiladas y maquilladas , con un arco definido y una cola que se adelgaza. El relleno les da una apariencia densa y uniforme , en un tono marrón que armoniza con el color del cabello. Están bien separadas en el entrecejo. Zona Inferior del Ojo: El área debajo de los ojos se ve lisa , con el maquillaje cubriendo cualquier posible ojera o línea fina. Nariz: liqueramente achatada tendiendo a ser un poco pequeña Pómulos: Son prominentes y bien definidos , contribuyendo a una estructura facial esculpida. El maquillaje (rubor y posiblemente contorno) acentúa esta prominencia , con un color cálido aplicado en la parte superior de las mejillas , difuminándose hacia las sienes. Mejillas: Las mejillas son suaves y llenas debajo de los pómulos , afinándose hacia la línea de la mandíbula. No se aprecian hoyuelos. La transición entre el pómulo y la mejilla es suave. Nariz: La nariz es recta en su puente , de longitud y anchura proporcionadas. Las fosas nasales son simétricas y no especialmente dilatadas. La punta de la nariz es redondeada y bien definida. No se observan particularidades como desviaciones o marcas evidentes. Labios: Forma y Grosor: Son labios de grosor medio-alto , con el labio inferior ligeramente más lleno que el superior. El arco de Cupido del labio superior es suavemente pronunciado y simétrico. Las comisuras de los labios están neutras , no se inclinan hacia arriba ni hacia abajo en esta expresión. Textura y Maquillaje: Están maquillados con un color labial mate o semi-mate en un tono terracota-rojizo. La aplicación es uniforme y cubre toda la superficie del labio. No se aprecian grietas ni sequedad extrema , aunque la textura intrínseca del labio (líneas finas naturales) está oculta por el labial. Mentón: El mentón es redondeado y proporcionado con la mandíbula. No se aprecia un hoyuelo en el mentón. Se integra suavemente con la línea de la mandíbula. Línea de la Mandíbula: La línea de la mandíbula es visible y define el contorno inferior del rostro , afinándose desde los ángulos mandibulares hacia el mentón , lo que contribuye a la forma ovalada/corazón del rostro. Señales Particulares: Piel: La piel del rostro , en general , se ve lisa y con una tonalidad uniforme , lo cual es probablemente el resultado del maquillaje (base , corrector). No se observan a simple vista pecas , lunares prominentes , cicatrices u otras marcas distintivas en las áreas visibles del rostro. Cualquier textura fina de la piel o poros están minimizados por el maquillaje y la calidad de la imagen. Simetría: El rostro presenta un alto grado de simetría bilateral en sus rasgos principales (ojos , cejas , pómulos , labios).. y elegantemente vestida (representando Talento Humano) y un hombre de ascendencia europea (representando Salud y Seguridad en el Trabajo) , ambos de entre 35-45 años , inmersos en una discusión colaborativa y positiva en una oficina ultra-moderna , luminosa y espaciosa. Están enfocados en una elegante tableta compartida que sostienen juntos , la cual muestra una interfaz de usuario limpia , sofisticada y rica en datos con gráficos estilizados y métricas equilibradas que integran indicadores de bienestar del personal (TH) y de gestión proactiva de riesgos (SST). La mujer viste un traje pantalón color azul marino de corte impecable con una blusa de seda color crema; el hombre lleva un una camisa blanca con un chaleco de seguridad , con un pantalon jean azul , un casco se seguridad de ingenieria y un radio de comunicación en su mano. Sus expresiones son de compromiso inteligente , confianza y mutuo respeto. Estilo fotográfico y calidad: Ultra-fotorealista , calidad cinematográfica , resolución 8K UHD. Enfoque excepcionalmente nítido en los rostros de los profesionales y la pantalla de la tableta , con una profundidad de campo bellamente renderizada. Texturas hiperdetalladas en los tejidos de la vestimenta (visibles las tramas de la tela) , piel natural con poros sutiles (evitar efecto "airbrush") , y superficies del entorno como madera , metal y cristal. Sin artefactos digitales , sin grano de película. Calidad HDR. Composición y entorno: Vista de cámara a nivel de los ojos. Composición magistral siguiendo la regla de los tercios , con la interacción de los profesionales sobre la tableta como punto focal principal. El fondo es un interior de oficina contemporáneo , con diseño biofílico: líneas arquitectónicas limpias , grandes ventanales que inundan el espacio de luz natural , plantas de interior frondosas y saludables (como Zamioculcas o Sansevierias en maceteros modernos) estratégicamente ubicadas. Mobiliario ergonómico de alta gama (sillas Herman Miller Aeron o similar visibles parcialmente) , y un escritorio de pie minimalista. En una pared distante , un gran monitor interactivo muestra un gráfico abstracto de crecimiento o colaboración , y un pequeño y elegante plan de evacuación enmarcado , estéticamente integrado. Sutilmente visible en un estante , un casco de seguridad blanco , nuevo y limpio , junto a algunos libros con lomos que sugieren títulos como "Talento Humano" , "Recursos Humanos" y "Salud y Seguridad en el Trabajo". El ambiente es ordenado , profesional , innovador y acogedor. Espacio negativo adecuado para posible superposición de texto editorial. Toma estática , sin movimiento de cámara. Iluminación: Iluminación cinematográfica sofisticada. Predominantemente luz natural suave y difusa entrando desde grandes ventanales a la izquierda del encuadre , creando modelado tridimensional con reflejos suaves y sombras tenues y naturales. Complementada por una sutil luz de relleno profesional para asegurar que los rostros estén perfectamente iluminados sin generar dureza. Efecto de iluminación volumétrica con discretos rayos de sol atravesando el ambiente. Reflejos realistas y nítidos en la pantalla de la tableta y otras superficies pulidas. Cámara y lente: Emulación de cámara DSLR profesional de fotograma completo , como una Canon EOS 5D Mark IV o Sony Alpha 7R V. Lente: objetivo prime de 85mm. Apertura: f/2.5 para lograr una profundidad de campo selectiva que enfatice a los sujetos y la tableta , con un bokeh suave y natural en el fondo. Color y ambiente general: Paleta de colores profesional , moderna y atractiva. Tonos de piel precisos y naturales. Colores vibrantes pero equilibrados , con excelente contraste. Blancos puros y negros profundos con detalle. El ambiente general debe ser pulido , sofisticado , optimista , humano , y transmitir excelencia y vanguardia. Calidad editorial superior , ideal para una revista técnica de prestigio mundial. Palabras clave adicionales: calidad premium , aspiracional , lugar de trabajo innovador , excelencia colaborativa , diseño centrado en el ser humano , detalle meticuloso , ejecución impecable , profesionalismo , sinergia , bienestar corporativo. ,
A critically ill female patient in an ICU room after suffering cardiac arrest , lying fully exposed on a hospital bed. A luxurious , ultrasoft baby pink coloured fleece blanket is draped gently over her body for comfort , while doctors and nurses urgently examine her. The hospital bed , medical equipment , monitors , IV stands , and ventilators are fully visible , creating a realistic and tense ICU environment. The lighting is clinical but soft , highlighting the seriousness of the situation ,
# Employee Growth ## 1. Introduction This document outlines the UI/UX requirements for a website that monitors employee growth in software engineering companies. The platform will enable employees to track their competencies , team leaders to manage their team’s development , and SuperAdmins to oversee competency standards and book recommendations. ### **Target Audience** - **Employees**: View their competency matrix , track progress , and participate in 1:1 meetings. - **Team Leaders**: Manage their team’s competency growth , schedule 1:1 meetings , and provide guidance. - **SuperAdmins**: Manage competencies , approve book recommendations , and oversee system-wide progress. ### **Key Goals** - Provide a structured competency matrix. - Enable employees to track and improve their skills. - Facilitate team leaders in managing and mentoring their team members. - Allow SuperAdmins to maintain and update the competency framework. ## 2. User Roles and Permissions ### **Employee** - View personal competency matrix. - Track progress and assigned competencies. - Suggest book chapters for competencies. - Participate in 1:1 meetings. ### **Team Leader** - View and manage team members' competency progress. - Assign competencies to team members for improvement. - Conduct 1:1 meetings and maintain notes. - Participate in 1:1 meetings with upper management. ### **SuperAdmin** - Add and manage competencies. - Assign recommended books and chapters to competencies. - Approve or reject suggested book chapters from employees. - Oversee system-wide competency progress. ## 3. Core Features & Pages ### **1. Login Page** - Username and password authentication. - Role-based redirection (Employee , Team Leader , SuperAdmin). ### **2. Main Page - Competency Matrix** - Displays all available competencies. - Clickable competencies to view details. ### **3. Engineer Page (Dashboard)** - Charts displaying progress in current role. - Percentage completion of competencies required for the next level. ### **4. Team Page (For Team Leaders)** - List of engineers under management. - Overview of each engineer’s competencies and their current focus areas. ### **5. 1:1 Meetings Page(optional)** - List of scheduled and past 1:1 meetings. - Notepad feature for meeting notes. - History of past competencies assigned and progress. ### **6. SuperAdmin Competency Management** - Add , edit , or remove competencies. - Assign recommended book chapters. - Review and approve book suggestions from users. ## 4. User Flow 1. User logs in. 2. Employees navigate to their competency matrix. 3. Team leaders access the team page to monitor and assign competencies. 4. Employees and team leaders conduct 1:1 meetings. 5. SuperAdmins manage competencies and book recommendations. ## 5. Design & Style Guidelines - **Primary Color**: To be specified. - **UI Style**: Clean , modern , and intuitive. - **Typography**: Readable font with sufficient spacing. ## 6. Data & Metrics - Competency scores (1-5 scale) displayed in charts. - Overall role mastery percentage. - Historical competency trends. ## 7. Interaction & Feedback (Optional) - Clickable competencies with tooltips and descriptions. - Notifications for assigned competencies. - Confirmation prompts for major actions. ,
# Employee Growth ## 1. Introduction This document outlines the UI/UX requirements for a website that monitors employee growth in software engineering companies. The platform will enable employees to track their competencies , team leaders to manage their team’s development , and SuperAdmins to oversee competency standards and book recommendations. ### **Target Audience** - **Employees**: View their competency matrix , track progress , and participate in 1:1 meetings. - **Team Leaders**: Manage their team’s competency growth , schedule 1:1 meetings , and provide guidance. - **SuperAdmins**: Manage competencies , approve book recommendations , and oversee system-wide progress. ### **Key Goals** - Provide a structured competency matrix. - Enable employees to track and improve their skills. - Facilitate team leaders in managing and mentoring their team members. - Allow SuperAdmins to maintain and update the competency framework. ## 2. User Roles and Permissions ### **Employee** - View personal competency matrix. - Track progress and assigned competencies. - Suggest book chapters for competencies. - Participate in 1:1 meetings. ### **Team Leader** - View and manage team members' competency progress. - Assign competencies to team members for improvement. - Conduct 1:1 meetings and maintain notes. - Participate in 1:1 meetings with upper management. ### **SuperAdmin** - Add and manage competencies. - Assign recommended books and chapters to competencies. - Approve or reject suggested book chapters from employees. - Oversee system-wide competency progress. ## 3. Core Features & Pages ### **1. Login Page** - Username and password authentication. - Role-based redirection (Employee , Team Leader , SuperAdmin). ### **2. Main Page - Competency Matrix** - Displays all available competencies. - Clickable competencies to view details. ### **3. Engineer Page (Dashboard)** - Charts displaying progress in current role. - Percentage completion of competencies required for the next level. ### **4. Team Page (For Team Leaders)** - List of engineers under management. - Overview of each engineer’s competencies and their current focus areas. ### **5. 1:1 Meetings Page(optional)** - List of scheduled and past 1:1 meetings. - Notepad feature for meeting notes. - History of past competencies assigned and progress. ### **6. SuperAdmin Competency Management** - Add , edit , or remove competencies. - Assign recommended book chapters. - Review and approve book suggestions from users. ## 4. User Flow 1. User logs in. 2. Employees navigate to their competency matrix. 3. Team leaders access the team page to monitor and assign competencies. 4. Employees and team leaders conduct 1:1 meetings. 5. SuperAdmins manage competencies and book recommendations. ## 5. Design & Style Guidelines - **Primary Color**: To be specified. - **UI Style**: Clean , modern , and intuitive. - **Typography**: Readable font with sufficient spacing. ## 6. Data & Metrics - Competency scores (1-5 scale) displayed in charts. - Overall role mastery percentage. - Historical competency trends. ## 7. Interaction & Feedback (Optional) - Clickable competencies with tooltips and descriptions. - Notifications for assigned competencies. - Confirmation prompts for major actions. ,
# Employee Growth ## 1. Introduction This document outlines the UI/UX requirements for a website that monitors employee growth in software engineering companies. The platform will enable employees to track their competencies , team leaders to manage their team’s development , and SuperAdmins to oversee competency standards and book recommendations. ### **Target Audience** - **Employees**: View their competency matrix , track progress , and participate in 1:1 meetings. - **Team Leaders**: Manage their team’s competency growth , schedule 1:1 meetings , and provide guidance. - **SuperAdmins**: Manage competencies , approve book recommendations , and oversee system-wide progress. ### **Key Goals** - Provide a structured competency matrix. - Enable employees to track and improve their skills. - Facilitate team leaders in managing and mentoring their team members. - Allow SuperAdmins to maintain and update the competency framework. ## 2. User Roles and Permissions ### **Employee** - View personal competency matrix. - Track progress and assigned competencies. - Suggest book chapters for competencies. - Participate in 1:1 meetings. ### **Team Leader** - View and manage team members' competency progress. - Assign competencies to team members for improvement. - Conduct 1:1 meetings and maintain notes. - Participate in 1:1 meetings with upper management. ### **SuperAdmin** - Add and manage competencies. - Assign recommended books and chapters to competencies. - Approve or reject suggested book chapters from employees. - Oversee system-wide competency progress. ## 3. Core Features & Pages ### **1. Login Page** - Username and password authentication. - Role-based redirection (Employee , Team Leader , SuperAdmin). ### **2. Main Page - Competency Matrix** - Displays all available competencies. - Clickable competencies to view details. ### **3. Engineer Page (Dashboard)** - Charts displaying progress in current role. - Percentage completion of competencies required for the next level. ### **4. Team Page (For Team Leaders)** - List of engineers under management. - Overview of each engineer’s competencies and their current focus areas. ### **5. 1:1 Meetings Page(optional)** - List of scheduled and past 1:1 meetings. - Notepad feature for meeting notes. - History of past competencies assigned and progress. ### **6. SuperAdmin Competency Management** - Add , edit , or remove competencies. - Assign recommended book chapters. - Review and approve book suggestions from users. ## 4. User Flow 1. User logs in. 2. Employees navigate to their competency matrix. 3. Team leaders access the team page to monitor and assign competencies. 4. Employees and team leaders conduct 1:1 meetings. 5. SuperAdmins manage competencies and book recommendations. ## 5. Design & Style Guidelines - **Primary Color**: To be specified. - **UI Style**: Clean , modern , and intuitive. - **Typography**: Readable font with sufficient spacing. ## 6. Data & Metrics - Competency scores (1-5 scale) displayed in charts. - Overall role mastery percentage. - Historical competency trends. ## 7. Interaction & Feedback (Optional) - Clickable competencies with tooltips and descriptions. - Notifications for assigned competencies. - Confirmation prompts for major actions. ,
data quality platform based on conceptual vision of the interface of a platform for creating , running , and monitoring data quality tests according to the provided terms of reference. The platform integrates functionality for data analysts and team leaders , providing a complete data quality management cycle. ## General Interface Structure ### Main Navigation Menu The platform interface shall contain a main side menu with sections: - Dashboard (overview and statistics) - Tests (test management) - Runs (run history) - Schedules (run scheduling) - Settings (configuration and integrations) - Documentation ,
generate drafts for data quality platform based on conceptual vision of the interface of a platform for creating , running , and monitoring data quality tests according to the provided terms of reference. The platform integrates functionality for data analysts and team leaders , providing a complete data quality management cycle. ## General Interface Structure ### Main Navigation Menu The platform interface shall contain a main side menu with sections: - Dashboard (overview and statistics) - Tests (test management) - Runs (run history) - Schedules (run scheduling) - Settings (configuration and integrations) - Documentation ,
l Diseñador UI Descripción Visual: Escenario: Un espacio moderno y minimalista , con pantallas digitales y dispositivos móviles. El diseñador UI está sentado frente a múltiples monitores , trabajando en una interfaz de usuario. Acción: El diseñador ajusta botones , menús y flujos de navegación en una aplicación. Usa herramientas como Figma o Sketch , con prototipos interactivos en pantalla. Detalles: Diseñador gráfico , estudio creativo , colores , tipografías , branding , emociones , narrativa visual , diseñador UI , interfaz de usuario , usabilidad , funcionalidad , wireframes , prototipos , colaboración , herramientas digitales , Figma , Sketch , hiperrealismo , iluminación cálida y fría , texturas detalladas. Herramientas: Wireframes , guías de estilo y pruebas de usabilidad. Ambiente: Luces frías y neutras , con un enfoque en la funcionalidad y la precisión. Expresión: Analítico y meticuloso , con una mirada concentrada en los detalles técnicos. Texto Superpuesto: "El diseñador UI: funcionalidad , interacción y usabilidad." ,
The man in the picture has a distinctive appearance , characterized by his black hair and glasses. His black hair is neatly styled , giving him a polished and professional look , which fits well with his role at Swissport in the airport environment. The glasses add an intellectual and focused demeanor to his expression , suggesting he is detail-oriented and attentive to his responsibilities. His attire is likely professional , possibly a uniform or business-casual outfit , aligning with the formal setting of an airport. The glasses frame his face nicely , drawing attention to his eyes , which seem to be focused on something outside , perhaps observing the Transavia aircraft or monitoring airport operations. Overall , his appearance conveys a sense of competence , reliability , and dedication to his work in the fast-paced aviation industry. ,
a woman with blue hair sitting on a chair in front of a computer monitor screen , 1girl , solo , breasts , looking_at_viewer , blue_eyes , gloves , holding , jewelry , sitting , closed_mouth , blue_hair , jacket , weapon , purple_hair , thighs , multicolored_hair , earrings , open_clothes , black_gloves , holding_weapon , open_jacket , lips , coat , crop_top , gun , chair , crossed_legs , holding_gun , handgun , cyberpunk ,
A highly Pencil sketch image of multiple robotic arms and two young scientists sit on the table and programming and The robotic arms are state-of-the-art , with precise and synchronized movements , working on various parts of the car , assembling a race Formula car in a modern , high-tech workshop. The two young scientists , dressed in lab coats and safety gear , are actively involved in the process , monitoring and guiding the assembly. The scene is filled with detailed mechanical components and tools , showcasing the advanced technology used in the assembly process. The background features advanced machinery and a well-lit , pristine workshop environment , highlighting the meticulous and sophisticated nature of the task. ,
A highly realistic image of multiple robotic arms and two young scientists sit on the table and programming and The robotic arms are state-of-the-art , with precise and synchronized movements , working on various parts of the car , assembling a race Formula car in a modern , high-tech workshop. The two young scientists , dressed in lab coats and safety gear , are actively involved in the process , monitoring and guiding the assembly. The scene is filled with detailed mechanical components and tools , showcasing the advanced technology used in the assembly process. The background features advanced machinery and a well-lit , pristine workshop environment , highlighting the meticulous and sophisticated nature of the task. ,
A Pencil sketch image of multiple robotic arms and two young scientists sit on the table and programming and The robotic arms are state-of-the-art , with precise and synchronized movements , working on various parts of the car , assembling a race Formula car in a modern , high-tech workshop. The two young scientists , dressed in lab coats and safety gear , are actively involved in the process , monitoring and guiding the assembly. The scene is filled with detailed mechanical components and tools , showcasing the advanced technology used in the assembly process. The background features advanced machinery and a well-lit , pristine workshop environment , highlighting the meticulous and sophisticated nature of the task , Pencil Sketch ,
(((A starship fused together , from an old washer , s MRI Machines , CT Scanners , 1995 bus , tons of duct tape.2 shipping containers , 1989 Freightliner cab , 1995 45' yacht , 12 culvert pipes , a house trailer.It has 4 flash massive lights , that are the ship's nacelles))) (((Hundreds of people are working on it , inside of a huge hangar))). (((Someone is handling down massive flat screen🖥️🧰🏗️👷🏻♀️👷🏻👷🏻♂️🏗️🧰👷🏻👷🏻♀️👷🏻♂️🏗️ computer monitor , through an opening at the top of the ship. It's to be the ship's viewscreen.))).(((You can see soldering marks , at various places all over this ship.))) ,
A highly realistic image of multiple robotic arms and two young scientists assembling a Formula car in a modern , high-tech workshop. The robotic arms are state-of-the-art , with precise and synchronized movements , working on various parts of the car. The two young scientists , dressed in lab coats and safety gear , are actively involved in the process , monitoring and guiding the assembly. The scene is filled with detailed mechanical components and tools , showcasing the advanced technology used in the assembly process. The background features advanced machinery and a well-lit , pristine workshop environment , highlighting the meticulous and sophisticated nature of the task. ,
(((A starship fused together , from an old washer , s MRI Machines , CT Scanners , 1995 bus , tons of duct tape.2 shipping containers , 1989 Freightliner cab , 1995 45' yacht , 12 culvert pipes , a house trailer.It has 4 flash massive lights , that are the ship's nacelles))) (((Hundreds of people are working on it , inside of a huge hangar))). (((Someone is handling down massive flat screen🖥️🧰🏗️👷🏻♀️👷🏻👷🏻♂️🏗️🧰👷🏻👷🏻♀️👷🏻♂️🏗️ computer monitor , through an opening at the top of the ship. It's to be the ship's viewscreen.))).(((You can see soldering marks , at various places all over this ship.))) , 3D , Trippy ,
a wholesome illustration of a kid entering a portal to another dimension through the computer monitor with imaginative and trippy elements popping out of the screen , imagination , creativity , magic , computer monitor , photos hanging on the wall Pixar and Disney animation , sharp , Rendered in Redshift and Unreal Engine 5 by Greg Rutkowski , Bloom , dramatic lighting ,
stylish nosferatu with a gaming headset looking at his monitor d & d , Tooth Wu Artgerm Greg Rutkowski artstation deviantart , womp , arm wrestling , made by Stanley Artgerm Lau , sparkling water , an abstract painting by robert rauschenberg , stephan martiniere , Art Deco , druidic runes , soft natural volumetric cinematic perfect light , dark souls style , big medium small , Artstation HQ by Alfons Maria Mucha and Julie Dillon and Makoto Shinkai , man devil in armor made of iron and dragon bones , lumnious candle light , entire full body , art by ilya kuvshinov and z - - ed and tian zi and wlop , swirling silver silk fabric. futuristic elements. oozing glowing liquid , covered face ,
symmetry!! portrait of black pharaoh , professional dslr photo , by Mark Maggiori and ((((Alphonse Mucha))) | trending on artstation , half human half alien , nba , only light coming from crt monitor , art by konstantin korovin and daniel f. gerhartz and john howe , other dimension , serena malyon , overwatch character , close shot ,
a harbor with a concrete dock and a storage facility , made by zak katara and tomer meltser , slavic traditional trending on artstation , b - 2 bomber , flame , a green mohawk and green eyebrows wearing a yellow and orange striped t - shirt , smiling l sitting at her thrown holding a fiery long sword | divine , syd mead color palette , thought provoking , by Kenne Gregoire , portra spell , technological sunglasses , print , surrounded by led monitors , bokeh backdrop , by roger dead , art by Tom Bagshaw , deer antlers , lightning environment , portal to other worlds ,