Figma Web Design (UI/UX) for a digital assets marketplace 🎴

Jose Luis Pacheco

Mobile Designer
Web Designer
Prototyper
Adobe Photoshop
Figma
Miro

About this Project:

This was a Web Design (UI/UX) project using Figma, for a customizable and stylized digital assets marketplace in Cardano called: The Silk Toad. As a member of the

Cariberse Crew

, I was fully responsible for designing 11 core interfaces for

The Silk Toad

platform. Including an interactive Prototype, responsive adaptation for mobile devices, light and 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

.

The Silk Toad Web Design project included responsive adaptations for mobile devices.
The Silk Toad Web Design project included responsive adaptations for mobile devices.

My responsibilities:

I actively collaborated with other creatives from the Cariberse Crew and the Silk Toad team in this project. Including but not limited to: 2D Animation by

@uhCaribe

. 2D illustration by

@andregorayeb

. Brand strategy and production by

@avauniverse111

. Creative direction by

@uhCaribe

,

@Adabrains

.

More than a website, a digital experience:

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. The users needed to feel like entering into a magical, exquisite, desert-inspired place that felt different and unique. Having an animated loading screen and a parallax transition to arrive at the home (when the user enters the website for the first time) was key in order to achieve this feel.

A GIF of the Loading Screen, the Parallax Transition activated on click and the Home Screen.
Light and Dark variants for the Home screen.
Light and Dark variants for the Home screen.
Screens for the View Item, Marketplace and Dressing Room functionalities.
Screens for the View Item, Marketplace and Dressing Room functionalities.
The initial wireframe design with comments after its review with the client.
The initial wireframe design with comments after its review with the client.
An bird-view of the end result of all the main interfaces from the website design.
An bird-view of the end result of all the main interfaces from the website design.
Responsive (Mobile) Adaptations for the main screens of the design.
Responsive (Mobile) Adaptations for the main screens of the design.
A section for user quests and rewards. Animation and Art by @uhcaribe and @andregorayeb.
A FAQ Section for the "About" page. Background Art by @andregorayeb.
A FAQ Section for the "About" page. Background Art by @andregorayeb.

Technical art assets creation guidelines:

Guidelines I defined for artists to create the assets, referencing Bootstrap's technical grid system. Concept Art for the Home Screen is by @uhcaribe
Guidelines I defined for artists to create the assets, referencing Bootstrap's technical grid system. Concept Art for the Home Screen is by @uhcaribe
Partner With Jose Luis
View Services

More Projects by Jose Luis