IDENTIDAD DIGITAL / DISEÑO WEB
PROYECTO DE ESTUDIOOdd Frequency
Una pequeña familia conceptual de instrumentos electrónicos de escritorio. Odd Frequency se dirige a músicos y curiosos que quieren explorar con controles físicos. El sitio acerca el objeto, explica su conectividad y deja espacio para experimentar sin adoptar la apariencia de una aplicación de productividad.
Exploración independiente de AsturaWeb. Diseño de una experiencia digital, sin encargo de cliente.
- SECTOR
- Instrumentos electrónicos · Producto · Exploración sonora
- IDIOMA DEL DISEÑO
- Inglés
- EDICIÓN
- 2026
- ALCANCE
- Identidad, UI y dirección de producción
01 / EL CONTEXTO
El sonido empieza en las manos.
La propuesta parte de un sintetizador compacto: metal violeta, mandos claros y señales amarillas. El producto debe comprenderse como un instrumento, no como una caja misteriosa. Fotografía de estudio, nomenclatura consistente y documentación conviven con una voz directa: menos pantalla, más señal.
- Instrumento y especificaciones en columnas distintas
- Comparación de modelos con nomenclatura consistente
- Sound Lab honesto sobre la ausencia de audio
El diseño conserva su idioma original. El relato del proyecto sigue el idioma que has elegido en AsturaWeb.
02 / EL RETO
Una marca experimental necesita despertar curiosidad sin esconder sus límites. El reto era separar lo expresivo de lo técnico: las imágenes muestran escala y tacto; las columnas de datos permiten comprobar controles, conexiones y posibilidades sin buscar entre párrafos promocionales.
LA IDEA
Un rail vertical numerado organiza instrumentos, Sound Lab, notas y soporte. El gris claro se aproxima a una mesa de trabajo, el violeta estructura y el amarillo identifica acciones. Los titulares grotescos compactos contrastan con datos monoespaciados, como dos registros de un mismo panel físico.
03 / MÁS ALLÁ DE LA PORTADA
Un sistema,
no solo una primera pantalla.
La portada enfrenta un instrumento a su columna de características. La comparación posterior distingue OF-01 y OF-02 por función, controles y salidas. Sound Lab agrupa presets con nombre, carácter y ruta de señal. Las formas de onda funcionan como notación visual; la escucha se indica como no disponible porque este concepto no incorpora archivos de audio. Nunca se representa una reproducción inexistente como funcional.
EL LENGUAJE DEL PROYECTO
Carácter, con criterio.
Color y materia
Violeta tinta y gris de taller, con amarillo ácido limitado a señales. La precisión industrial sustituye a los degradados de estética gaming.
Tipografía y jerarquía
Grotesca compacta para modelos y títulos; monoespaciada para puertos, parámetros e índices. La diferencia tipográfica ayuda a separar exploración y consulta.
Imagen y movimiento
Instrumento sobre una mesa, cables contenidos y acercamientos al metal. Los detalles conectan las especificaciones con decisiones materiales que se pueden reconocer.
04 / RESPONSIVE E INTERACCIÓN
Otra pantalla.
La misma intención.
El índice lateral pasa a un selector horizontal numerado. La ficha móvil prioriza imagen, modelo, conectividad y documentación; las especificaciones siguen en filas, no en una tabla ancha reducida. La segunda vista desarrolla un preset y su conexión para mantener contexto antes de cualquier comando.
DEL BRIEF AL SISTEMA
- 01Contexto
- 02Contenido
- 03Estructura
- 04Dirección visual
- 05Sistema UI
- 06Responsive
El desarrollo, las integraciones y la validación de producción forman una fase posterior, definida según el alcance real.
05 / DIRECCIÓN TÉCNICA
Preparado para pensar
en producción.
Estudio visual conceptual: fotografías e imágenes de interfaz generadas y seleccionadas para el proyecto. Los sitios representados no están conectados a servicios reales.
Familia de producto y documentación ficticias, presentada mediante imágenes de interfaz. No hay venta, dispositivos fabricados ni motor de audio conectado. La ampliación de las imágenes y la exploración en teléfono reutilizan los componentes reales de AsturaWeb.
- Dirección artística
- Diseño de interfaces
- WebP responsive
- HTML semántico, teclado y contraste
- Imágenes responsive y carga progresiva
- Contenido indexable y estructura SEO
El alojamiento, la medición con consentimiento y los datos estructurados se definirían con información verificada y necesidades concretas.
HABLEMOS
Una web nueva, un rediseño o una idea que todavía no sabes cómo plantear. Escríbenos y vemos juntos qué tendría sentido hacer.
Cuéntanos
qué tienes en mente.
No necesitas saber de tecnología ni llegar con todo decidido. Cuéntanos qué haces y qué quieres mejorar. Empezamos por ahí.
Presupuesto a medida. Te proponemos una solución clara, sin compromiso.
PARA ROMPER EL HIELO
- Qué hace tu negocio
- Qué te gustaría mejorar
- Tu web actual, si la tienes