- Видео 29
- Просмотров 345 148
Javier Alaves
Германия
Добавлен 10 июл 2017
solopreneur documenting his journey after 10 years building other people's ideas
The Marketing Touchpoint Most Apps Miss Out Early On (Your App Store Page)
If you're just pushing product screenshot images to the App Store, you're missing out on a major marketing touchpoint opportunity to engage with potential users of your app.
Here's a short overview with everything I learned about designing app store artwork for Voicepal over the past month, with a brief walkthrough of the overall design process as well as some tips on execution.
This video's definitely a little more casual, less scripted than other videos I've worked on in the past. Let me know how you like it!
If you have any questions, comments or suggestions, I'm here for you.
You can follow me on Twitter where I also now post these videos in advance, and am always available over DMs.
twitt...
Here's a short overview with everything I learned about designing app store artwork for Voicepal over the past month, with a brief walkthrough of the overall design process as well as some tips on execution.
This video's definitely a little more casual, less scripted than other videos I've worked on in the past. Let me know how you like it!
If you have any questions, comments or suggestions, I'm here for you.
You can follow me on Twitter where I also now post these videos in advance, and am always available over DMs.
twitt...
Просмотров: 113
Видео
back on youtube - here's my promise to you
Просмотров 499Год назад
i've decided to stop looking for 9-to-5 work and focus on building my own ideas for the next few months, in the spirit of why i started this channel in the first place will do my best to document my journey and share all my learnings here with you, completely unfiltered! if that sounds like smth that you're interested in, make sure to be subscribed to my channel bc there's a lot more to come #e...
Designing Spotify with Figma
Просмотров 4,5 тыс.3 года назад
In this video, we'll decompose and design the Spotify homepage, one step at a time, with an emphasis on design fundamentals such as colors, typography, spacing, and reusability. This video is part of a wider design series aimed at helping you become a better designer through the redesign of some of the world's most popular products and interfaces. ✨ You can find this design in my Figma profile:...
User Onboarding Flow - Design Crash Course
Просмотров 4,5 тыс.3 года назад
In this video, I'll be walking you through some of the skills, principles and practices involved in designing a user onboarding flow for a real design project. Throughout this course, we'll discuss related topics like account verification, password setup, and complementary outcomes that you can set to optimize the results of your onboarding experience. We'll also cover purely design related top...
Design Process & UX Behind a Social Feed
Просмотров 1,2 тыс.3 года назад
In this video, I'll walk you through some of the concepts, learnings, challenges and overall design thinking that went into designing a social feed for Tribe. This is part two of a five-video series focused on getting you up to speed on some of the core product areas behind any social or multiplayer product experience! Less about specific tools or hands-on work, more holistic and applied to rea...
Designing a Posting UX - Concepts & Process
Просмотров 9593 года назад
In this video, I'll walk you through some product concepts, some learnings and the overall design thinking that went into designing a posting experience for Tribe. This one's a bit of a different format compared to some of my previous videos. Less about tools and hands-on skills, more about how I've looked at product design in the past months for a specific use case, and what type of considerat...
Designing Notifications vs. Toast Components in Figma
Просмотров 6 тыс.3 года назад
This video's about the similarities and differences between notification and toast components. Learn when/why to use which within your product, and how to design them from the same root component in Figma for a little extra consistency! We'll be looking at some real-life examples for both components, as well as detailed considerations that you may bump into when bringing either of these to life...
The Box Model - Responsive Design Tutorial
Просмотров 2,3 тыс.3 года назад
The box model is one of the simplest, yet most underutilized concepts in product design. Learn how to apply the box model in your design for pixel-perfect spacing and responsiveness. In this video, I'll walk you through 3 real examples of the box model in action to help us reason through improvements on some design components in Figma. By the time you finish watching this video, I hope that you...
Frames vs. Groups in Figma - Why I Never Use Groups
Просмотров 26 тыс.3 года назад
Learn about the differences between managing layers in frames vs. groups in Figma, and why I personally never use groups in production design. There's just a few things I'm very opinionated about when it comes to Figma, this is one of them! What are your thoughts? Let me know in the comments! Specially if you have a radically different opinion, I'd love to hear it. Are you new to product design...
Designing Responsive Tables with Auto Layout in Figma
Просмотров 91 тыс.3 года назад
Learn how to design fully responsive and interactive tables in Figma with Auto Layout and Interactive Components in this video where I walk you through the process across every step of the craft! I will be publishing this component as an open source design in the Figma Community later this month. Until then, connect with me on Twitter to receive an update once it's ready! I will also be updatin...
Designing a Date Picker Component for Chakra UI
Просмотров 17 тыс.3 года назад
Discover my design process behind designing a date picker component for Chakra UI in Figma, including defining component specifications, evaluating design principles, as well as every detail behind crafting the visual design ⚡️ This is the first video where I'm openly sharing some of my design process principles, in this case slightly more detail-oriented since we're talking about a very specif...
Deploying Your Website with Vercel - Learn Next.js Tutorial Series
Просмотров 9 тыс.3 года назад
Learn how to build and deploy a website with Next.js and Vercel in my tutorial series where we go from zero production publishing a simple blog app following Next.js' official learn docs! This is the last video of the series, where we're taking everything we've learned and done throughout the series and deploying our website through Vercel. By the end of this video, you'll have successfully cre...
Dynamic Routes - Learn Next.js Tutorial Series
Просмотров 6863 года назад
Learn how to build a website with Next.js in this new tutorial series, where we'll go from zero to publishing a very simple blog app following Next.js' official learn docs. In the second to last video of the series, we'll talking about dynamic routes! By the end of this video, you'll have successfully set up dynamic routes for all of your blog posts, and have those connected to your blog's home...
Pre-Rendering with Static Generation - Learn Next.js Tutorial Series
Просмотров 5693 года назад
Learn how to build a website with Next.js in this new tutorial series, where we'll go from zero to publishing a very simple blog app following Next.js' official learn docs. This is part three of the series, and it's all about Next.js' pre-rendering feature through Static Generation. By the end of this video, you will have successfully learned how to pre-render blog data that lives inside your a...
Assets, Metadata & Styles - Learn Next.js Tutorial Series
Просмотров 7093 года назад
Assets, Metadata & Styles - Learn Next.js Tutorial Series
Getting Started with Next.js - Learn Next.js Tutorial Series
Просмотров 1,4 тыс.3 года назад
Getting Started with Next.js - Learn Next.js Tutorial Series
Design Systems in Figma - Scaling Maintenance
Просмотров 2,4 тыс.3 года назад
Design Systems in Figma - Scaling Maintenance
Responsive Design and Breakpoints in Figma - Advanced Tutorial
Просмотров 10 тыс.3 года назад
Responsive Design and Breakpoints in Figma - Advanced Tutorial
Design Workflow with Chakra UI and Figma
Просмотров 25 тыс.3 года назад
Design Workflow with Chakra UI and Figma
Build an Interactive Prototype - Framer Smart Components Tutorial
Просмотров 9 тыс.3 года назад
Build an Interactive Prototype - Framer Smart Components Tutorial
Building a Product Roadmap with Productboard
Просмотров 22 тыс.3 года назад
Building a Product Roadmap with Productboard
Prototype and Animate Your Design with Smart Animate - Figma Tutorial
Просмотров 3,7 тыс.3 года назад
Prototype and Animate Your Design with Smart Animate - Figma Tutorial
Components with Variants and Auto Layout - Advanced Figma Tutorial
Просмотров 13 тыс.4 года назад
Components with Variants and Auto Layout - Advanced Figma Tutorial
Components and Variants in Figma - Designing a Search Component
Просмотров 9 тыс.4 года назад
Components and Variants in Figma - Designing a Search Component
Creating Text Styles in Figma - Information Depth & Hierarchy
Просмотров 17 тыс.4 года назад
Creating Text Styles in Figma - Information Depth & Hierarchy
Creating a Functional Color System in Figma with Color Styles
Просмотров 7 тыс.4 года назад
Creating a Functional Color System in Figma with Color Styles
Responsive Design with Auto Layout and Constraints in Figma
Просмотров 53 тыс.4 года назад
Responsive Design with Auto Layout and Constraints in Figma
Designing with Figma - A Beginners' Hands-On Tutorial
Просмотров 7 тыс.4 года назад
Designing with Figma - A Beginners' Hands-On Tutorial
we need a full tutorial on this please. where do insights come from ?
Informative and simple tutorial, Thank you✨
Just saw the work file on figma community, seems like month selection is missing when the year was there!
Nice work mate!
Thanks Javier, great refresher for me - haven't done tables in a while - really great tutorial
Thanks! This was so helpful <3
Hi Javier, can you please share the published version URL, as I am unable to see this in FIGMA community.
This channel is a rare gem.
Thank you very much for explaining! Now I understand better how to design tables
Goo job!
Welcome back and take your time (:
Using rows is better than columns in building a Figma table. I'm glad you showed both ways but after a lot of stress testing, building the columns inside the rows gives much more flexibility.
Welcome back Javi! I remember me learning from your tutorials 2 years ago, now I’m a Product Designer for a US tech company, you are a really good teacher 👍
@Javier Thank you for the tutorial. Could you please share a link to the file you are using here? Thanks!
Hi Javier, this was exactly was I was looking for. Thanks for such a well explained video. Gracias 🙏
Hey Javi, just wondering...were you able to create the follow-up video for this (i.e., interaction design)?
Your video was more detailed and demonstrative than the other videos that talk about Groups vs. Frames on RUclips. I learned so much from you, thanks for making it easier :)
Gracias Javier! Genial ver este nuevo camino 👏
Inspiring! Would love to see more about your journey as an entrepreneur coming from design :)
love the idea, it's definitely been a journey so far. thanks for sharing felipe!
Thanks
Woahhhh... welcome back Javi✨
Congrats on the big moves. Rooting for ya!
Great to see you back !
would you know how to make an event calendar?
Really interested in this new direction. I'd love to hear more about how you decided to make the jump from the 'security' of employment to the 'uncertainty' of working on your own ideas. When did you know you had enough savings to make the change? Do you have support? Are you working on your own or with others? How does your motivation to work on on your own projects compare to when you're working for someone else? Touching on these topics would be amazing, as well as the 'hows' of bringing your ideas to life. All the best
these are the kinds of questions i really really wanted to bring into this new beginning. thank you for being a part of the journey and for pushing me forward with your ideas 🫡
Welcome back!
👋
Best wishes! I'm sure you will do well in your new adventure 😊
thanks toni! 👊
Wow! thanks for the explanation and valuable content.
The way you break down concepts and walk throughs are simply incredible. Great job Javier
This was incredibly helpful, such a great way to become a better designer!!! Thank you for this tutorial <3
I only had to learn the difference as a beginner because I want to use the figma to webflow plugin and theres side effects with using groups
Nicely presented but useless to watch only at 360p!
Needed more info on the interactive components setup
Awesome
Best tutorials, thanks!
Thanks bro
Thank you for this series! I have followed it closely and learned a lot.
What version of product board do you have - pro or enterprise
Thank you so much Javier for your pretty beautiful videos and your effort. I like to watch your videos.😊
Question for anybody: I am using a custom set of responsive tables that i need to be a part of the Master pages, as a part of a document that will be used as a template for multiple people. But when i set the page as a master, the only thing on the page that doesnt work is the table.. any ideas?
Solid tutorial - Cheers
Wow... amazing how you explained everything!
This is the best
Hi Javier, Ctrl + Alt + G on windows creates a Group , did u mean Group or Frame @10:50 and we can't see what anything you're doing in the bottom left as the camera is blocking the screen but you're great and thank you so much. I have subbed 😊
Hi, I wonder what is the length of the Divier?
Great video!
good video. thank you king
Very well explained thanks a lot
bro u need to move cam video to the left. we can't see the what is under it.
Extremely helpful, learned so much in 20 mins. Thanks a lot