Навыки, которые вы получите:
Sketch
UI/UX
Figma
Adobe XD
When you design a website it’s more important that it converts, then to have a trendy design. Because website is there to sell a service or a product so you have to design with that in mind.
Knowing how to structure a page for high conversion is really important because it makes you more valuable to client and more desirable as a designer. Using Adobe Xd to create it gives you unlimited possibilities because it’s free, cross platform, vector based and it has regular updates.
You don’t need any previous knowledge of UI / UX or Adobe Xd, we are going to cover it all in this course. All you need is an interest in this field and you will do well by the end of this course.
The Program
- Course Overview.
- The Brief.
- Competitor Analysis 1. Competitor Analysis 2. Competitor Analysis 3.
- What Is A Landing Page.
- Why Conversion Matters.
- Function Over Beauty.
- Landing Page Structure.
- What To Consider.
- Planning.
- Inspiration.
- Mood Board.
- Sketching.
- File Preparation.
- Creating Wireframe 1. Creating Wireframe 2. Creating Wireframe 3. Creating Wireframe 4.Creating Wireframe 5. Creating Wireframe 6.Creating Wireframe 7. Creating Wireframe 8. Creating Wireframe 9.
- Image Structure.
- Creating Design 1. Creating Design 2. Creating Design 3.Creating Design 4. Creating Design 5.
- Working With Components.
- Creating Dropdowns.
- Creating Calendars.
- Organization.
- Prototyping 1. Prototyping 2.Prototyping 3.
- Creating Style Guide.
- Sharing With Client.
- Packaging Structure.
- Exporting Assets.
- Delivering To Client.
- Conclusion.
- Links And Resources.
What will you learn
- Secrets of the good design brief.
- What makes the good landing page.
- How to create landing pages that convert.
- How to apply those principles to plan, draw and create a wireframe.
- Add images, icons and shadows to create a design.
- Then add movement and transitions to create prototypes.
- Share the work with your client to get feedback.
- And finally, how to export your assets for developers.