HODLIT
Diseño UI/UX De Aplicación Móvil
Revolucionando La Experiencia Móvil De Criptomonedas: Una Mirada Al Rediseño UI & UX De HODLIT
HODLIT, una plataforma móvil de intercambio de criptomonedas, acudió a The Skins Factory para realizar un rediseño completo del diseño UI & UX de su aplicación móvil. Comenzamos con una renovación completa de su proceso de incorporación y experiencia de usuario. Para mejorar el diseño visual, optamos por un elegante fondo “panther black” con sutiles matices de morado profundo. Esta elección aseguró que cualquier color incorporado posteriormente resaltara en las pantallas, aportando una esencia más dinámica sin perder la seriedad de la plataforma. Nuestros diseñadores UI crearon una fusión de elementos 2D y acentos neumórficos, aportando a la interfaz una calidad refinada y táctil. Mientras tanto, la experiencia de usuario fue cuidadosamente optimizada, dando como resultado un recorrido fluido e intuitivo para cada usuario de HODLIT.
Esta es una mirada abreviada al proyecto completo. Excluimos imágenes que resultaban visualmente redundantes. Tómese su tiempo y vea todo el proyecto. Creemos que es un claro ejemplo de por qué The Skins Factory se distingue ampliamente de otros estudios de diseño UX.
★★★★★
“El trabajo de The Skins Factory superó mis expectativas.”
Drew Optebeke, Founder, HODLIT
Pantallas De Registro + Inicio De Sesión
Siempre que fue posible, utilizamos elementos UI de progreso para que el usuario supiera en qué parte del proceso de incorporación se encontraba, ya fueran los círculos de paginación para los elementos “Más Información” en la pantalla principal de “Registro” o la barra de progreso triple con líneas onduladas en la parte inferior de cada pantalla.
Registro
Inicio de Sesión
Debido a que Registro e Inicio de Sesión comparten un diseño común en el panel superior y un botón “entrar” de forma similar, el botón de Registro utiliza un degradado rosa / morado, mientras que Inicio de Sesión (abajo) usa el botón táctil predeterminado en azul profundo para indicar que ya está integrado en la aplicación.
Pantalla Principal De Inicio
Colores y degradados súper vibrantes reciben al usuario una vez que completa la experiencia de incorporación.
Más que una simple “cara bonita”, los anillos segmentados superiores y sus íconos de monedas son completamente interactivos. Cuando se toca un anillo segmentado de una criptomoneda, los valores centrales cambian, brindando al usuario información pertinente sobre esa moneda. Mantuvimos los anillos segmentados sólidos en su estado inactivo. Una vez tocado, el anillo se convierte en un contorno. Esto indica que el contenido del anillo se ha “vaciado” y se ha movido al área central.En la sección de Activos de la Cartera, cada fila se puede tocar y deslizar, generando diferentes funcionalidades según cómo interactúe el usuario con ellas.
Para asegurarnos de que la experiencia de usuario fuera intuitiva, incluimos un botón “i” que, al tocarlo, despliega un panel informativo que explica al usuario cómo interactuar con el contenido.
Pantallas De Autopilot + Roundup
Estas funciones automatizadas permiten que el usuario retire dinero automáticamente de su banco (Autopilot) o convierta gastos en criptomonedas adicionales (Roundup). Diseñamos ruedas de control neumórficas y táctiles para que los usuarios interactuaran con ellas, agregando un impacto visual fantástico sin dejar de ser elementos funcionales. Utilizamos diferentes colores tanto para los anillos de progreso como para las ruedas de control para distinguir una de la otra.
USD + Bitcoin + Criptomonedas: Pantallas De Información Expandida
Estas pantallas muestran la información después de que un usuario toca las filas de Saldo En USD o Moneda De Criptomoneda en la pantalla principal de inicio.
Pantalla De Información Expandida De Moneda De Criptomoneda
Pantalla Expandida De USD + Referidos
Comprar + Vender + Enviar: Pantallas De Información Expandida
Como se comentó anteriormente, tocar y deslizar filas en la pantalla principal de inicio genera diferentes funcionalidades. La capacidad de comprar, vender y enviar es tan fácil como deslizar un dedo. Utilizamos Ethereum como plantilla principal de diseño y diseñamos algunas otras criptomonedas para que el cliente las pudiera usar.
Pantallas De Configuración
Pantallas Del Programa De Referidos: Drafted + Passive
Estas fueron una segunda y tercera adenda de diseño al proyecto que hicimos para HODLIT a medida que amplían sus nuevos conjuntos de funciones. Invertimos el diseño de interacción con este sistema de anillos para diferenciarlo del panel principal. De forma predeterminada, todos los anillos se vacían en los datos de Total Earned. Al tocar un segmento de moneda, la aplicación entiende que puede transferir fondos para las ganancias de esa moneda específica.
