¿Qué opinas sobre mi diseño web?

Answer 1

Lamento decírtelo, pero su sitio web no se ve ni se siente profesional. Eres joven, todavía tienes mucho que aprender.

Te llamas a ti mismo un “php ninja” pero dejas que el código php se muestre en el lado del cliente. Intenta utilizar php para lograr algo que se hizo fácilmente en html simple. Un hipervínculo “mailto” hubiera sido suficiente. Deberías haber usado php solo para crear un formulario de contacto completo, no un simple enlace.

Como diseñador “ninja”, usaste una fuente web que no admite caracteres latinos extendidos. Y lo hiciste en tu encabezado principal.

Claramente no realizó ninguna prueba de compatibilidad del navegador antes de lanzar su sitio web de portofolio. Este es un error de novato.

Su sección de portafolio no está marcada como una, al menos en la versión móvil de su sitio web. Uno no puede decir si esa es su cartera, uno puede adivinar. No necesita que sus clientes lo adivinen. No puede ver ningún detalle sobre sus proyectos. Solo algunas fotos que no cuentan ninguna historia. Sus proyectos de portafolios deben estar bien documentados, con estudios de casos y todo. Hablando de proyectos, alardea con “+70 proyectos” pero solo muestra 3, incluido su propio sitio web.

Todos estos aspectos hacen que su cartera parezca una mentira para los posibles clientes.

Sigue aprendiendo y deja de llamarte ninja. Este es mi consejo.

Nota al margen: estos son mis pensamientos después de ver su sitio web en un dispositivo móvil, Chrome / iOS.

Answer 2

Veo que has actualizado tu sitio.

Agradezco sus cambios, pero su estilo de codificación no es bueno. (Considero que codestyle es parte del diseño web).

• En el html tienes múltiples elementos con los mismos identificadores. ¿Por qué las flechas tienen incluso id ?
• Las flechas son imágenes, entrecruzadas cada una desde una fuente diferente . Use svg o una fuente o incluso CSS simple.

• Usas el div semántico sin sentido. Considere usar
  

  ,

  ,

  , …

• Carga jQuery solo para animar el desplazamiento. Anima esto con un ejemplo de código copiado y pegado. jQuery es excesivo para esto. Considere usar una pequeña biblioteca vainilla hecha especialmente para animar el desplazamiento.
• onclick="function();" no es un código válido y arroja un error cada vez que hago clic en una flecha. No digas que eres un ninja de JavaScript si escribes código como este.
• Sus div s tienen identificadores como ‘ one ‘, ‘ two ‘, ‘ three ‘ …

• El css, #one, #two, #three, #four, #five, #six {... Es realmente repetitivo. No digas que eres un ninja css si escribes código como este. Apunte a todos esos grandes div s con un nombre de clase o con una etiqueta ( section {} ). Para el estilo específico, considere usar nth-child o use id descriptivos.
• La etiqueta de script de análisis ni siquiera está en la etiqueta html.

En el sitio en sí.

¿Por qué la flecha es negra?

¿Por qué ya no está la flecha hacia abajo a la derecha de la oración? (Comparar con el “Hola” – diapositiva)

Una fuente blanca tan delgada sobre un fondo amarillo … No es realmente legible, ¿no?

Cuando hago clic en la cartera, veo esto

Calibri. ¿Por qué usaste otra fuente?

Además, diseñe sus enlaces.

La imagen que se utiliza cuando comparte su sitio web en Twitter es muy poco profesional. El favicon se ve bien cuando es grande, pero en el navegador se ve así:

.

Cuando eres desarrollador web, tu sitio web es tu cara. No solo es importante el diseño del sitio web, también el código detrás de él.

Creo que debería aprender más sobre html, css y javascript, antes de llamarse desarrollador web y ofrecer servicios a otras personas.

Answer 3

No dejes que todos estos enemigos te sacudan de tu silla, joven diseñador. Solicitó una revisión de “diseño”, no un control de calidad completo del producto. Todos comenzamos en alguna parte y este es un buen comienzo.

El diseño es bastante bueno. Ha implementado una plantilla de diseño moderno y plano para que las personas sepan de inmediato que está actualizado con la estética moderna y que no está implementando cosas de la vejez como sombras paralelas y contenedores.

Aunque su diseño visual está en un punto decente, necesita desesperadamente ayuda con UX. UX, como una simple descripción es contar una historia al usuario.

Así es como el usuario actual percibe su sitio:

Tu nombre, lo que haces, luego deberían contratarte en base a ningún portafolio o imágenes. Solo una foto extrañamente apuesta. Cuenta la historia de quién eres, qué has hecho, luego, en la parte inferior, agrega información de contacto. Las preguntas frecuentes no son necesarias.

Su sitio es un gran comienzo, pero necesita cierta delicadeza. Trabaje primero mediante la iteración del diseño y el contenido. El diseño visual se puede aplicar más tarde.

Aquí está mi sitio si quieres echar un vistazo. La gente puede odiarlo, pero a quién le importa.

Peter Thuener – Gerente de Producto

Answer 4

De hecho, creo que es realmente bueno para un joven de 16 años.

Sin embargo, dos cosas.

Crearía un par de páginas diferentes en lugar de solo una página de destino. ¿La razón por la cual? Debe crear una página de ‘cartera’ y una página de ‘salpicadura’. Alguien lo llamó una página de salpicaduras antes y me gustó la terminología.

La página de cartera puede tener capturas de pantalla que conducen a los sitios web reales en los que ha trabajado. Mientras que su página de salpicadura puede tener piezas reales de código que usted ha escrito (obviamente, más orientado al back-end, pero puede ser útil).

Deshágase de [[[correo electrónico protegido] “; ?>]] línea. No es agradable a la vista en ese formato y simplemente ponerlo allí. Además, su imagen se parece a lo que publicaría como una selfie en Instagram. Considere una foto un poco más profesional? Sonriendo y tal vez una chaqueta o al menos una camisa de vestir con cuello (o abrazar a los nerdiness y usar una camisa de Mario o algo así).

En general para 16, si pasas los próximos dos años realmente dominando tus habilidades. Creo que podría tener algunas perspectivas serias en el desarrollo web.

EDITAR: también considere arreglar su página de preguntas frecuentes. Es solo que grita que tengo 16 años. Intenta profesionalizarlo un poco si realmente quieres que te paguen por tus servicios.

DOBLE EDICIÓN: PS acaba de ver su código fuente y se ve bastante limpio y gracias por mostrarme cómo hacer toda la sección ‘Preguntas frecuentes’ con respuestas ocultas. Eso es realmente genial.

Answer 5

---

EDITAR : el diseño de su sitio se ha actualizado desde que escribí mi respuesta …

Comentarios de diseño:

Parece que copió alguna plantilla gratuita y la soltó en Free Bootstrap Framework y Theme CSS. No hay nada en esta página que sea propiedad de TUS habilidades de diseño. No considero que unas pocas filas de texto y una imagen girada sean un buen diseño web. El código php es poco convincente. No eres lo suficientemente bueno en php como para llamarte a ti mismo un ninja, y los clientes de diseño no reciben tu broma “inteligente” de mostrar código en la página. Parece un error. Mi consejo: arriesgarse, tomar algunas clases de arte, seguir aprendiendo y venir a hacer esa pregunta cuando esté totalmente seguro de su trabajo y esté realmente buscando una crítica profesional en lugar de una emoción rápida de obtener respuestas en Internet.

Comentarios de código:

No use una identificación o una clase para cada etiqueta en su página. Está creando trabajo innecesario para usted y está creando más potencial para futuros errores. Aprenda sobre los selectores de agrupamiento y anidamiento. Agregar cuándo usar target = “_ blank” | CSS-Trucos a sus enlaces externos.

Answer 6

Estoy contratando un diseñador web, pero si veo su “cartera”, pasaría al siguiente en 2 segundos.

1. / No, no llama la atención.

2. / Sitio web demasiado simple.

3. / Muchos errores.

4. / Sin interacciones, sin UX / UI mostrando que no tienes experiencia.

5. / Sin CV, ni información que me haga querer leer sobre ti.

6. / Tus fotos no deberían ser el foco principal, sino tus trabajos. Y sus trabajos están en baja resolución, de nuevo, sin interacción (debería poder ver una versión más grande, mejor, algo de información al respecto, y mejor, ¿qué hiciste allí?)

En general, no era tan bueno como usted cuando tenía 16 años, y al verlo joven y apasionado, y el hecho de que publique esto en Quora significa que le importa, si tengo un puesto de interno, lo haría felizmente contratarte Simplemente no para un trabajo real 🙂 Todavía tienes un largo camino por recorrer. Pero sigue adelante. Enraizándote.

Answer 7

Entonces … Primero, felicidades. La mayoría de los profesionales carece de iniciativa para construir su propio sitio / cartera. Yo fui uno de esos. Mi mejor consejo para usted es: Apunte a la perfección, no deje cosas sin terminar y nunca piense como cliente. Su sección de preguntas frecuentes (la que recibió la mayoría de los cumplidos aquí) tiene una falla molesta. Intentalo:

Expande una pregunta.
Intenta expandir otro.

¿Notó que la sección anterior no se desliza hacia atrás? Simplemente desaparece. No es suave Parece una pequeña cosa, pero los ojos humanos lo sienten como un golpe en el estómago (a veces las personas ni siquiera saben lo que es perturbador, pero saben que hay algo).

Sobre el mailto, también lo uso en mi cartera. ¡A los usuarios de escritorio no les gusta, pero en los teléfonos móviles es genial!

Answer 8

Muy bien, déjame echar un vistazo …

El enlace de mailto no es realmente genial, siempre los odié (supongo que si sigues así el tiempo suficiente también obtendrás cantidades estúpidas de spam).

Esta línea claramente parece una opción:

[correo electrónico protegido] “; ?>

Y aunque entiendo que es una opción, no creo que sea buena (aparte de las razones de spam). El tipo de persona que quiere que hagas su sitio web (A) no se preocupa por algún tipo de código elegante (B) que no sabe qué es (C) casi seguramente pensará que es un código expuesto que no fue intencional . Si no tuviera antecedentes de codificación, habría pensado que fue un feo accidente.

Tener la cara puesta está bien, pero la forma en que se ve en la mayoría de los monitores empuja el resto del contenido debajo del pliegue, por lo que parece que ese es el sitio completo. No todos pensarán desplazarse. Todo lo que veo arriba del pliegue es el logotipo, los datos de contacto extraños, tu cara, mucho espacio en blanco y enlaces de Instagram / Twitter. Una vez más … sus clientes potenciales son menos conocedores de la tecnología por definición, conozco a muchos que pensarían que es todo el sitio.

En cuanto a su cartera, (A) las imágenes no están vinculadas, por lo que solo verá un pequeño fragmento (B) si las miniaturas fueran su objetivo, las imágenes reales son demasiado grandes y tomará un tiempo innecesariamente largo cargar por esa razón (C ) incluso si los vinculó, la calidad es deficiente (especialmente notable en el primero) y las imágenes se ven extrañas (D) sin títulos, sin descripciones, nada.

Personalmente, simplemente alojaría las páginas y vincularía a aquellas con miniaturas o algo así, tal vez tenga un encabezado encima de ellas en un marco … o al menos obtenga una caja de luz con las imágenes apareciendo al hacer clic.

Las preguntas frecuentes parecen decentes, lo único que sobresale es la mala gramática / inglés.

Eso es justo lo que he notado por una mirada superficial. Pero parece una base decente sobre la que puede construir / arreglar.

Buena suerte.

Answer 9

Para tocar algunas cosas ya mencionadas …

Se está volviendo viejo, muy rápido, tener que escuchar sobre todos los “Código Ninjas” hoy en día … ¿Asumo que su intención para este sitio es mostrar una cartera de tal manera que los posibles empleadores puedan ver el contenido? Tengo curiosidad por saber qué te hizo decidir ir por “Ninja”. Entiendo el contexto y soy consciente de por qué se usa, pero aún no entiendo por qué alguien encontraría este uso correcto en una fuente que se usa principalmente para (con suerte ) futuros esfuerzos profesionales.

No proporciona un enlace a ninguno de los proyectos enumerados. Por lo que sé, ha elaborado algunos bocetos de Photoshop e inyectado falacias en los “proyectos” de los desarrolladores. Ciertamente, si ha trabajado en más de 70 proyectos, entonces no será un problema encontrar algo en la web en el que haya trabajado y al que pueda vincularse.

Me encantaría ver algún tipo de intento de incorporar CITACIONES en su contenido, de modo que el visitante promedio pueda verificar sus habilidades hasta cierto punto, sin tener que seguir 2 enlaces de redes sociales.

Afirmas ser un blogger … sin embargo, no veo tal evidencia en ningún lado. Incluso hice un poco de búsqueda personal para ver si no podía apagarlo, pero no tuve éxito.

Ha habido comentarios sobre ser demasiado duro, pero creo que esto se debe en gran parte a las afirmaciones preventivas hechas por usted mismo al asociarse como Desarrollador Web ( o como lo dice, un Ninja ).

Está bien seguir siendo un novato, ya que eventualmente mejorará con el tiempo. Está claro que eres inteligente solo por lo que se proporciona. También eres obviamente un tipo extrovertido, mostrando coraje y confianza para poder soportar tanta basura de tanta gente 😛

Así que déjenme ser claro: ¡este es un GRAN comienzo ! Has logrado mucho durante 16 años y deberías estar orgulloso.

Pero le insto a que cambie algunas cosas en el sitio actual hasta que pueda proporcionar más evidencia para respaldarlas. Hay muchos en el mundo que afirman ser desarrolladores web, y un porcentaje cada vez mayor consiste en personas que prefieren piratear su vida que comprender realmente lo que hacen y por qué debería hacerse de esa manera.

¡Mucha suerte y sigue leyendo sobre la industria!

Answer 10

Dejaré de lado algunas de las críticas que ya se han cubierto y te dejaré una simple. Vi una sugerencia de mejorar su foto bio, y estoy de acuerdo. Desde una estética de diseño, le sugiero que abandone el hexágono irregular que ha utilizado. Las líneas irregulares chocan con el diseño agradable y simple que ha utilizado en la página. No hay nada malo con los rectángulos y círculos simples que usa en la página. Mejore su foto para que funcione dentro de ese flujo visual que ha creado en lugar de alejar al espectador de ella.

Answer 11

Esto es mucho mejor que la mayoría de los sitios que me piden en Quora para dar su opinión. Solo hay dos cosas por las que puedo criticarte. Aquí hay una captura de pantalla:

(Estoy en el móvil)

Estoy seguro de que puede ver lo que supongo que es un enlace de correo electrónico que no es un enlace, sino un código perdido, y también la ‘c’ con acento no está en la fuente como el resto del título, pero de lo contrario el el sitio se ve muy bien en dispositivos móviles con gran escala, nada demasiado pequeño, cortado o demasiado largo verticalmente, sin mencionar lo simple y limpio que es. Hiciste un gran trabajo.

Answer 12

Rudan tiene todos los puntos muy buenos, también diría que hay un montón de errores gramaticales, y si estás tratando de ser contratado por una empresa de habla inglesa, deberías considerar la posibilidad de contratar un redactor para que te ayude a pulirlo. Y SIEMPRE PRUEBA DE NAVEGADOR

Answer 13

Rudan Horia tiene razón y hay mucha mala distribución del diseño en quara, no significa que sean buenos diseñadores. Si desea adquirir más experiencia, debería echar un vistazo a los nuevos artículos de themefore.net. Especialmente categoría ‘plantilla de sitio’.

Answer 14

No es malo, en cuanto al diseño, pero hay muchos problemas. Primero, parte de su HTML ni siquiera se cargó. Tienes HTML garabateado en la página. Esto es malo y necesita ser reparado. Entonces, al menos para mí, ninguna de tus imágenes se cargó. Eso tampoco es bueno y probablemente debería repararse. Yo uso Safari en una Mac. Por lo demás, hay muchos errores gramaticales y no parece profesional. Debes usar un lenguaje profesional cuando intentes ser contratado, y esto no hace eso. Deberías vestir las preguntas frecuentes ¿Quién soy? ¿Quién no soy tú? Hay un montón de problemas con él y todos necesitan ser reparados. No dudo de tus habilidades, pero nunca te contrataría después de mirar este sitio web.