- 66
- 29 068
Lucas & Nathan Simula
France
Приєднався 23 гру 2022
Lucas & Nathan Simula, 2 frères créatifs qui passent leur temps à résoudre des problèmes design.
Mais aussi :
• Co-fondateur d'un collectif de designers, frame-ux.com
• Product UX/UI Designer & Master Webflow
• Passionné par l'univers Crypto, web.3 et gaming
Mais aussi :
• Co-fondateur d'un collectif de designers, frame-ux.com
• Product UX/UI Designer & Master Webflow
• Passionné par l'univers Crypto, web.3 et gaming
Les 6 PRINCIPES PSYCHOLOGIQUES MAGIQUE de SPOTIFY – Vlog as a product designer #3
Yoyoyo nouvelle vidéo avec une analyse de fonctionnalité!
1️⃣ Réserve une consultation → app.lemcal.com/@lucas-simula
2️⃣ Mon site web : lucas-simula.framer.website/
3️⃣ Portfolio : dribbble.com/Lucas-simula?onb...
🎵 Découvrez la nouvelle fonctionnalité Spotify Rewind ! 🎵
Dans cette vidéo, je te montre les biais psychologiques qu'utilise Spotify Rewind pour revivre vos moments musicaux préférés. !
🔔 N'oublie pas de liker, de commenter et de partager si tu as aimé la vidéo !
#SpotifyRewind #Spotify #Musique #NouveautéSpotify #Rewind
Timecodes :
00:00 : Intro
00:50 : Début de l'analyse
11:04 : Ma méthode pour l'exploration de nouvelles fonctionnalités
14:38 : Exemples
15:13 : Follow moi sur X
15:34 : Fin de journée
16:38 : Outro
Mes réseaux sociaux
🔗 LinkedIn : / lucas-simula-frame-ux
🐦 X : / lucassimula
Nathan
🔗 LinkedIn : / nathan-simula
🐦 Twitter : / nathansimula
🎨 Dribbble : dribbble.com/Nathan-frame
🤝 Collaborer avec Frame-Ux
➡️ bento.me/nathan-frame-ux
👀 Qui sommes-nous ?
Lucas et Nathan, entrepreneurs, créateurs et designers
On partage ici notre quotidien dans l’univers du product design - Abonne-toi
1️⃣ Réserve une consultation → app.lemcal.com/@lucas-simula
2️⃣ Mon site web : lucas-simula.framer.website/
3️⃣ Portfolio : dribbble.com/Lucas-simula?onb...
🎵 Découvrez la nouvelle fonctionnalité Spotify Rewind ! 🎵
Dans cette vidéo, je te montre les biais psychologiques qu'utilise Spotify Rewind pour revivre vos moments musicaux préférés. !
🔔 N'oublie pas de liker, de commenter et de partager si tu as aimé la vidéo !
#SpotifyRewind #Spotify #Musique #NouveautéSpotify #Rewind
Timecodes :
00:00 : Intro
00:50 : Début de l'analyse
11:04 : Ma méthode pour l'exploration de nouvelles fonctionnalités
14:38 : Exemples
15:13 : Follow moi sur X
15:34 : Fin de journée
16:38 : Outro
Mes réseaux sociaux
🔗 LinkedIn : / lucas-simula-frame-ux
🐦 X : / lucassimula
Nathan
🔗 LinkedIn : / nathan-simula
🐦 Twitter : / nathansimula
🎨 Dribbble : dribbble.com/Nathan-frame
🤝 Collaborer avec Frame-Ux
➡️ bento.me/nathan-frame-ux
👀 Qui sommes-nous ?
Lucas et Nathan, entrepreneurs, créateurs et designers
On partage ici notre quotidien dans l’univers du product design - Abonne-toi
Переглядів: 71
Відео
De Zéro à Designer Freelance : Mon Parcours et Mes Conseils - Vlog as a product designer #2
Переглядів 167День тому
Yoyoyo nouvelle vidéo sur le freelancing ! 1️⃣ Réserve une consultation → app.lemcal.com/@lucas-simula 2️⃣ Mon site web : lucas-simula.framer.website/ 3️⃣ Portfolio : dribbble.com/Lucas-simula?onboarding=true Dans cette vidéo, je partage avec vous les 5 étapes essentielles pour lancer une carrière prospère en tant que designer freelance en 2024. Que tu sois débutant ou que tu cherches à affiner...
Figma Config 2024 - la nouvelle stratégie de Figma - Vlog as a product designer #1
Переглядів 9121 день тому
Hello ! Trop content de faire mon retour sur UA-cam avec un format que j'adore perso ! J'espère que cela te plaira, sorry par avance pour le son, dis-moi si c'est trop gênant, je ferais mieux pour le prochain, bon visionnage. 1️⃣ Réserve une consultation → app.lemcal.com/@lucas-simula 2️⃣ Mon site web : lucas-simula.framer.website/ 3️⃣ Portfolio : dribbble.com/Lucas-simula?onboarding=true 🎥 Bie...
Design frère #2 - Beautiful gradient text
Переглядів 752 місяці тому
Yoyo UA-cam ! Nouvel épisode de notre mini-série d'un designer vs un intégrateur Webflow. 🤝 Collaborer avec Frame-Ux ➡️ bento.me/nathan-frame-ux 🎨 Nos réalisations ➡️ frame-ux.myportfolio.com/ Nous suivre sur les réseaux : Lucas 🔗 LinkedIn : / lucas-simula-frame-ux 🐦 X : / lucassimula 🎨 Dribbble : dribbble.com/Lucas-simula Nathan 🔗 LinkedIn : / nathan-simula 🐦 Twitter : / nathansimula 🎨 Dribbbl...
Mon avis sur FRAMER : Surcôté ou dinguerie ?
Переглядів 5233 місяці тому
Mon portfolio : lucas-simula.framer.website/ Miniature : @nassirpsd (sur X) Yoyoyo les designers ! Aujourd'hui, plongeons-nous dans le monde du product design avec un outil qui fait beaucoup parler de lui : FRAMER. Dans cette vidéo, je vais partager avec toi mon expérience avec ce logiciel et répondre à la question que beaucoup se posent : est-ce que FRAMER est vraiment à la hauteur de sa réput...
FAIT CA pour tes designs en 2024 : 5 nouvelles tendances
Переглядів 9476 місяців тому
Dans cette vidéo, je te dévoile les 5 tendances que j'affectionne particulièrement et qui sont selon moi les nouveaux bangers! Timecodes : 00:00 : Intro 00:30 : mon job 01:14 : stickers 02:03 : glass effect 02:47 : les squircles 03:32 : draw icons 04:38 : skeuomorphisme 05:20 : outro 🤝 Collaborer avec Frame-Ux ➡️ bento.me/nathan-frame-ux 🎨 Nos réalisations ➡️ frame-ux.myportfolio.com/ Nous suiv...
Concevoir des formes à la Apple en 5 min | Tuto Figma & Webflow
Переглядів 4087 місяців тому
Dans ce tutoriel, je te montre comment concevoir des formes à la Apple comme sur leurs icônes IOS et bien plus ! Les techniques sont très simples à mettre en place que ce soit sur Figma ou Webflow. Timecodes : 00:00 : Intro 00:17 : Pause Abonnement 00:30 : C'est quoi un Squircle ? 01:00 : Créer un Squircle sur Figma 05:00 : Importer un Squircle dans Webflow 06:50 : Outro 🤝 Collaborer avec Frame...
Rend ton site web plus accessible avec "Aria-label" | Webflow
Переглядів 1427 місяців тому
Dans ce tutoriel, je te montre comment résoudre le problème de "Non descriptive link content" au sein de Webflow. Cela va te permettre de rendre ton site web plus accessible pour les personnes souffrant d'un handicap et bien entendu améliorer ton référencement SEO auprès des moteurs de recherche comme Google. Timecodes : 00:00 : Intro 00:15 : Pause Abonnement 00:30 : C'est quoi un aria-label ? ...
21 éléments à vérifier avant de mettre en ligne ton site web | Webflow
Переглядів 4068 місяців тому
Dans ce tutoriel, je te montre 21 éléments à vérifier avant de mettre en ligne ton site web avec Webflow. Timecodes : 00:00 : Intro 00:17 : Pause Abonnement 00:50 : #1 Pages responsives 01:08 : #2 Page 404 customisé 01:48 : #3 Vérifier ses formulaires 02:49 : #4 Tester tous tes liens 03:13 : #5 Relire le wording 03:48 : #6 Balises Alts 04:30 : #7 Descriptif liens 05:50 : #8 Balise sémantiques H...
Créer une grid responsive via Auto-fit & Lazy layout | Webflow tutoriel
Переглядів 2098 місяців тому
Dans ce tutoriel, je te montre comment créer une grid responsive du desktop au mobile au sein de Webflow avec les fonctions auto-fit & lazy layout. Timecodes : 00:00 : Intro 00:15 : Pause Abonnement 00:30 : Grid responsive 02:30 : Combler le white space 04:56 : Outro 🤝 Collaborer avec Frame-Ux ➡️ bento.me/nathan-frame-ux 🎨 Nos réalisations ➡️ frame-ux.myportfolio.com/ Nous suivre sur les réseau...
Galaxy Mode Design | Tutoriel Webflow
Переглядів 998 місяців тому
Dans ce tutoriel, je te montre comment créer effet Galaxy entièrement customisable dans Webflow. Timecodes : 00:00 : Intro 00:15 : Pause Abonnement 00:48 : Conception de l'interface 02:00 : Appliquer le code Javascript 05:27 : Outro Le site Webflow Tips : www.webflowtips.com 🤝 Collaborer avec Frame-Ux ➡️ bento.me/nathan-frame-ux 🎨 Nos réalisations ➡️ frame-ux.myportfolio.com/ Nous suivre sur le...
Créer un compte à rebours natif gratuitement | Webflow Tutoriel
Переглядів 1968 місяців тому
Dans ce tutoriel, je te montre comment créer un compte à rebours natif dans Webflow, le tout gratuitement. Timecodes 00:00 : Intro 00:37 : Création de l'interface 03:00 : Appliquer les IDs 04:18 : Insérer le script 05:53 : Outro Le script : script (function () { var deadline = '2024/01/01 00:01'; function pad(num, size) { var s = "0" num; return s.substr(s.length - size); } // fixes "Date.parse...
Appliquer un effet drop shadow à ses PNG | Tutoriel Webflow
Переглядів 1219 місяців тому
Il est impossible d'appliquer des ombres portées sur tes fichiers nativement au sein de Webflow. Mais il y a un petit hack, un petit bout de code te permettant de le faire. Je te montre comment au cours de ce petit tuto. Le bout de code : " .drop-shadow{ filter: drop-shadow(20px 10px 10px currentColor); } " Timecodes 00:00 : Intro 00:32 : Appliquer des drop shadows 02:08 : Outro 🤝 Collaborer av...
Guide nouvelles variables Webflow
Переглядів 1499 місяців тому
Tout un tas d'évolutions ont été annoncées lors de la WebflowConf, aujourd'hui, on voit ensemble l'intégration des variables CSS Webflow. Timecodes 00:00 : Intro 00:53 : Variables Sizes 03:01 : Appliquer les styles sizes 04:56 : Variables Colors 07:46 : Appliquer les styles Colors 08:50 Switch Light - Dark 10:30 : Outro Lien du plugin Figma to Webflow : webflow.com/figma-to-webflow 🤝 Collaborer...
Modifier ses SVG nativement dans Webflow avec l'embed code !
Переглядів 9910 місяців тому
Modifier ses SVG nativement dans Webflow avec l'embed code !
Crée un Carrousel d'Images professionnel pour ton Application Mobile (iOS et Android)
Переглядів 39911 місяців тому
Crée un Carrousel d'Images professionnel pour ton Application Mobile (iOS et Android)
Comment choisir sa palette de couleurs ? | Version simple
Переглядів 70311 місяців тому
Comment choisir sa palette de couleurs ? | Version simple
Webflow Scroll Animation | Effet accordéon | Tutoriel
Переглядів 393Рік тому
Webflow Scroll Animation | Effet accordéon | Tutoriel
Tutoriel Figma - Variables en moins de 5 minutes !
Переглядів 122Рік тому
Tutoriel Figma - Variables en moins de 5 minutes !
Bing Chat | Cet outil va tuer les logo maker & Midjourney
Переглядів 443Рік тому
Bing Chat | Cet outil va tuer les logo maker & Midjourney
Conférence Activiste avec Greta Thunberg et Camille Etienne à Paris + tuto Onboarding App Mobile
Переглядів 85Рік тому
Conférence Activiste avec Greta Thunberg et Camille Etienne à Paris tuto Onboarding App Mobile
JPG, PNG ou WEBP : Quel format d'image est le plus adapté à votre site web ?
Переглядів 468Рік тому
JPG, PNG ou WEBP : Quel format d'image est le plus adapté à votre site web ?
Trouver le job de tes rêves : Conseils et astuces (as a product designer)
Переглядів 108Рік тому
Trouver le job de tes rêves : Conseils et astuces (as a product designer)
5 effects UI stylés Webflow | Part 3 : Dynamic Navbar Animation
Переглядів 183Рік тому
5 effects UI stylés Webflow | Part 3 : Dynamic Navbar Animation
Vlog #2 on part à une conférence sur l'intelligence artificielle
Переглядів 74Рік тому
Vlog #2 on part à une conférence sur l'intelligence artificielle
5 effects UI stylés Webflow | Part 2 : Diagonal section & Hover effects
Переглядів 145Рік тому
5 effects UI stylés Webflow | Part 2 : Diagonal section & Hover effects
5 effets UI stylés Webflow | Part 1 : Noise background, highlight effect & liseuse
Переглядів 275Рік тому
5 effets UI stylés Webflow | Part 1 : Noise background, highlight effect & liseuse
Je pars à Madrid pour match REAL vs CITY, rencontre MOMO HENNI et UX/UI design la journée
Переглядів 140Рік тому
Je pars à Madrid pour match REAL vs CITY, rencontre MOMO HENNI et UX/UI design la journée
Créer une section sticky au scroll vertical avec Webflow - Tutoriel Débutant
Переглядів 426Рік тому
Créer une section sticky au scroll vertical avec Webflow - Tutoriel Débutant
Comment réaliser un sticky scroll sur Figma en moins de 5 minutes - Tutoriel facile
Переглядів 806Рік тому
Comment réaliser un sticky scroll sur Figma en moins de 5 minutes - Tutoriel facile
Go feuille blanche to finish
La séquence à la salle ! 😆 Le conseil des rendez-vous inutile est tellement réel 😂
haha de ouf !
Omg 😂😂😂
le site de swag est un wordpress mm pas un webflow mdr cst quoi ce bordel
Je ne savais pas que c’était sur WordPress ! Propre leur rendu !
Man merci pour cette vidéo, ça ma bien servi, j'ai encore, 2/3 trucs à améliorer grâce à toi ;) Bonne journée
Je t’en prie ! 💪 content que cela t’ai aidé !
Merci beaucoup je ne les savais pas avant c'est vraiment productif
Merci, content que cela t’a aidé !
Mdrr 😂
😂😂😂
Webflow est plus populaire que Framer. 🙂Les tutos sont tous en anglais, il existe aucuns tutos francophones et c'est dommage. Avant d'aller sur Webflow, j'étais sur Framer, je l'ai lâché à cause de ça. De toute façon, il y a aucune chaîne francophone à ce sujet, mise à part les présentations, mais ce n'est pas ce qui m'intéresse. Par contre, c'est quoi cette mode de mettre sa casquette à l'envers ? 😅
C'est vrai qu'il y a une forte communauté anglophone sur Framer ! Par contre il y en a bien une française dont je suis membre, je t'invites à la rejoindre, c'est le Discord Entre 2 Frames lancé par Seb et Virgil, les goat du Framer francophone game : discord.gg/eM86X2zr C'est le style haha :)
Salut merci pour ta vidéo, mais ensuite pour passer de figma au codage, comment tu refais ça sur une CMS ou en codage ? sans que le poids soit trop lourd pour ne pas affecter le temps de chargement des pages
Hello Nathan, si tu es sur framer tu peux le reproduire nativement sur l’outil. Autrement je te conseille de l’exporter en SVG pour la qualité ou PNG en le passant dans Squoosh pour le compresser et le passer au format web.p
super tuto, merci. Par contre, dans la version 2024, le space mode n'existe plus. J'ai bien trouvé la touche auto pour placer l’icône Visa à droite, mais je n'arrive pas à descendre cette icône pour qu'elle soit alignée en bas sur le 123. Merci de me communiquer l'astuce. Pour l’icône alignée sur Elon Musk il n'y a pas eu de problème. 🤔
Salut Gilles, en effet pour le spacing "auto" il ne faut plus aller sur les options avancées ,mais tu peux trouver cette fonctionnalité sur l'icône spacing "Gap between" au-dessus des icônes de padding. Tu as l'option "auto" est ça fonctionne, dis-moi si tu as toujours un problème
Salut je teste le tuto mais , à la création du texte j'ai la carte qui se met automatiquement à la dimension de mon texte avec le padding de 16 une idée pour régler mon pblm ?
Hello! yess c'est normal il faut que les dimensions de ta card soit en "fixed width" :)
Merci Lucas bravo pour tes conseils.
Merci pour ton message Johan !
👍🙏😊
🙌🙏
Excellent, j'ai beaucoup appris.
Top au plaisir ! hésite pas à dire les sujets qui pourraient t'intéresser :)
Hello, merci pour ces conseils. Juste, fais attention à ta diction, car parfois tu avales tes mots et on comprend pas bien. Sinon c'est top!
haha yess je dois improve la dessus, merci de ton retour :)
😮 L’un de mes UA-camrs pref de retour 🔥 en direct d’ALB 🔥 Seule deception : J’aurais préféré que tu utilises le tapis roulant 😂
le concept de zinzin pour la next vidéo :)
Cte teasing 🔥
Juste, le contouring c'est une technique de maquillage
haha chutttt :)
nice vidéo
Merci, top que tu es apprécié :)
ya pas le sons c trop faible
T'es mute bro ;)
@@lucasnathansimula Effectivement son trop faible, j'ai dû utiliser une extension web de Boost pour que ce soit confortable, conseil pour l'avenir !
clairement t'es nul en graphisme
Wouah génial ! Merci !
Salut quel est ton navigateur. ?
Hello @ants81, j'utilise Opera
Super tuto ! Est-ce-que c'est possible de le faire sur Figma ou il faut obligatoirement passer par Webflow ?
Merci pour ton retour ! C'est totalement possible, on prépare ce petit tuto prochainement ;)
Très bonne explication. C'est clair, précis et très pédagogique. Par contre est-ce que tu peux utiliser tes composants ailleurs. Car quand je recrée un autre projet, je ne vois plus les composants que j'ai fais dans les Assets. Je ne les trouves pas non plus dans la librairie. Merci pour ce tuto en tout cas 😊
Great
A quand la faq
Grave trop envie
Merci
👍👍
C’est fou je cherchais absolument à la refaire
Merci, on espère que cela a pu t'aider :)
Super tuto, je me demandais comment avoir justement plusieurs nuances comme ça ! Merci beaucoup!!
Merci pour ton retour Ambre ! 🙏
🤪 "Promo sm"
Hello, on n’a pas compris ton message
👍👍
Oh top 👍
Sympa ce petit tuto!
Merci Seb !
Incroyable
👍👍top
Mais non trop hâte ^^
Mer C trop b1 j'arrivai j'amé à leu fer à vent main tennant ji arrive tjr^^ merci Naten
J aime ❤
Merci beaucoup
Avec plaisir @edithgomis696 😊
❤👍
Super c est couleur 👍
👍
👍
👍
👍😉
🔥❤🔥
Ça reste une image pas de vectoriel
Oui mais c’est déjà un bon début 😉
When mon friend speack English I can feel the spirit of sushi 🍣 😂