4UX - Conception & Prototypage by Fernando de Campos

Portfolio - Showcase

fernandcamps — 2023-11-01 15:39:49 UTC

Idée du Projet

fernandcamps — 2023-11-01 15:44:02 UTC

J'ai décidé de partir sur un loader pour mon portfolio (en construction).

Comme le portfolio utilise le ThreeJS, il est nécessaire de créer un écran de chargement pour donner du temps à l'expérience Webgl de charger tout les éléments en 3D.

Toggle - Light & Dark Mode

fernandcamps — 2023-11-01 15:58:05 UTC

3D Low poly

fernandcamps — 2023-11-01 16:12:12 UTC

CSS Fake 3D

fernandcamps — 2023-11-01 19:26:42 UTC

svg hover fake 3D

fernandcamps — 2023-11-01 19:29:17 UTC

2D squares

fernandcamps — 2023-11-01 19:30:56 UTC

minimalist loading bar

fernandcamps — 2023-11-01 19:31:37 UTC

flat circles loop

fernandcamps — 2023-11-01 19:35:56 UTC

eye animation

fernandcamps — 2023-11-01 19:38:52 UTC

https://uiverse.io/Shoh2008/hot-dragonfly-11

text animation loop

fernandcamps — 2023-11-01 19:41:12 UTC

3D cubes

fernandcamps — 2023-11-01 19:42:23 UTC

circle fake 3D

fernandcamps — 2023-11-01 19:45:25 UTC

square loading bar

fernandcamps — 2023-11-01 19:49:09 UTC

rough circle

fernandcamps — 2023-11-01 19:51:04 UTC

SVG line animations

fernandcamps — 2023-11-01 20:01:05 UTC

fernandcamps — 2023-11-01 20:02:14 UTC

Create svg in the format of the island, when the user hovers, it goes to the perspective of the island.

fernandcamps — 2023-11-01 20:06:16 UTC

Text animation switching the words with my skills (ux, ui, threejs, createjs, etc.)

fake 3D square start button

fernandcamps — 2023-11-01 20:08:59 UTC

fernandcamps — 2023-11-01 20:10:27 UTC

Create a loading bar in the perspective of the island

fernandcamps — 2023-11-01 20:16:40 UTC

Create an abstract svg and apply perspective of the island

Smooth CSS

fernandcamps — 2023-11-20 19:47:50 UTC