Portfolio Website For React JS Developer | Figma tutorial | UI UX Design

The video presented today focuses on the UI UX design of seven frames for a web agency. This design is ideal for those who want to develop their personal portfolio site. The whole process takes place in Figma, a popular design tool used by many designers.
.
The agency specializes in mobile applications, web applications, and websites. They use various technologies for their development, such as Angular, React native, Nest JS, Wordpress, HTML, Android, IOS, MySQL, crypto (blockchain), and others.
.
Throughout the video, the audience is taken through the design process for seven frames, including the Home page, Open menu, About Us page, Portfolio, Single case, Blog, and Article page. This Figma tutorial is perfect for beginners as the steps are explained in detail, allowing anyone to follow along.
.
The video is not just a tutorial on Figma but also serves as a UX tutorial. The structure of the site and pages is designed with good UX in mind, and the video explains why certain blocks are added to the design. The designers use white space as a UI design element, which helps to draw attention to the content that is necessary. The use of white space is an effective way to focus the user's attention on the content that matters.
.
After completing the design, the audience is encouraged to post their work on Behance, Dribbble, Pinterest, or any other portfolio. This is a design that designers can be proud of, and it is an excellent representation of their skills.
.
In conclusion, the video provides a step-by-step tutorial for designing a web agency's seven frames. It is perfect for beginners, and the design is made with good UX in mind. The use of white space is an effective way to draw attention to the content that is necessary. Designers are encouraged to showcase their work, as it is an excellent representation of their skills.
.
If you want to see more videos dedicated to #figma, #webdevelopment, #ui, #ux and more - subscribe, you have found the right place.

----------------------------------------------

00:00 - Intro
00:05 - Font Search
00:30 - Hero section
08:00 - Services block
13:30 - Header
14:30 - Our clients
19:30 - Abour block
23:00 - Case Card Component
29:30 - Portfolio CTA
35:00 - Recent Posts
41:40 - Contact block
47:40 - Footer
50:00 - Open menu
54:45 - About us page
01:04:50 - Portfolio page
01:08:00 - Single case
01:14:30 - Blog
01:15:34 - Article
01:19:40 - Subscribe

----------------------------------------------

Figma Template:
Coming soon

Free image recommendation:
https://unsplash.com - for free
https://pexels.com - for free
https://freepik.com - for free and paid plan

----------------------------------------------
Instagram:
https://bit.ly/3SEjZnT

Twitter:
https://bit.ly/3J3hp7N

Dribble:
https://bit.ly/3QqRmHW

Behance:
https://bit.ly/3QrlFhC