This was a Web Design (UI/UX) project using Figma, for a community-driven customizable and stylized digital art marketplace and gamified web app. As a member of the Cariberse Crew, I was hired to design all the 11 core interfaces for The Silk Toad platform. Including an interactive Prototype, responsive adaptation for mobile devices, light + dark modes, a Web Design Manual document for programmers responsible for its implementation and also assisted other artists by defining technical art assets creation guidelines for what eventually became the implemented website.

For this project I was responsible for the complete UI/UX design work, collaborating with other creatives from the Cariberse Crew and the Silk Toad teams. Including but not limited to: 2D Animation by @uhCaribe. 2D illustration by @andregorayeb. Brand strategy and production by @avauniverse111. Creative direction by @uhCaribe, @Adabrains.

Prioritizing the user experience with the Web Design was one of the project's main goals defined by the project's Creative Direction and Brand Strategy. Storytelling was a driving pillar, we wanted for users to feel like entering into a fantasy/magical, exquisite, desert-inspired creative place that felt different and unique. Having an animated loading screen and a parallax transition to arrive at the Homepage was key in order to achieve this feel.

From early stages of this project, I introduced a strategic UX direction to provide balance between aesthetics and usability. It was a clear project goal to find this balance, while staying true to the original creative vision. This process required active communication with the client, and facilitating user-driven methods, UX Research, empathy maps and personas to define the target audience, creative mood boards, low-fidelity wireframes and a site map of the interfaces involved to iterate upon from an early stage.

After a collaborative and iterative process with the team and project stakeholders, and following a clear creative + technical vision, I delivered the following core interfaces with a polished high fidelity. While also delivering the graphical assets that compose each of them. Here are the desktop versions of the core UIs.

Creating a mobile-first approach was one of the main initial goals set for the project. This was useful in creating a modular design system that was flexible and scalable, but that also worked on smaller screens and still showcased the 2D artists work in the best optimal way. Here are some of the core mobile-sized interfaces I created.

Design is a collaborative process. From the early UX research developed for this project, we identified the technical requirements that the UI design might involve, especially to facilitate art production technical guidelines for artists and ease the implementation process to the programming team.

Lastly, these are some of the main set of graphical assets I designed for this project as part of a visually consistent design system, including fully custom flat illustrations, icons and background patterns, cards, modal and tabbed containers that were used across the website experience. The main foal was to fit and boost he visual art style direction set for the main art featured in the platform, collaborating with other artists in this project. The following are some examples of the graphical assets I produced and presented in a detailed Brand Manual document provided as a deliverable.