starweaver-logo
LOG INGET STARTED
LOG INGET STARTED
  • Browse
  • Doing

  • On Air
  • Channels
  • Career Paths
  • LEARNING

  • Courses
  • Certifications
  • Curriculum
  • Test Prep
  • CONNECTING

  • How It Works
  • Community
  • Techbytes
  • Podcasts
  • Leaderboards
  • SUPPORT

  • Support & FAQs
  • Starweaver for Business
  • Starweaver for Campus
  • Teach with Starweaver
footer-brand-logo
  • COMPANY
  • About Us
  • Support and Knowledge Base
  • Policies & Terms
  • Contact
  • CONTENT
  • Courses
  • Certifications
  • Journeys
  • Test Prep
  • Meet the Gurus
  • Techbytes
  • FOR ORGANIZATIONS
  • Starweaver for Business
  • Starweaver for Campus
  • Catalogue
  • Pricing
  • Private Classes
  • PARTNER WITH US
  • Instructors & Teachers
  • Books, Writing & Publishing
  • FOLLOW US
    • facebook
    • twitter
    • linkedin
    • pinterest
    • instagram
    • youtube
Our trademarks include Starweaver®, Make genius happen™, Education you can bank on®, People are your most important assets!®, Body of Knowledge™, StarLabs™, LiveLabs™, Journeys™
© Starweaver Group, Inc. All Rights Reserved.
  1. Courses
  2. >
  3. Website Design From Scratch In Adobe Xd

Website Design From Scratch In Adobe Xd

This course going to cover everything from what Adobe Xd is, to all of it's functionality and features, animation and prototyping tools, all the way to collaboration features as well as sharing so your developers always get the files they need.

Aleksandar Cucukovic
Aleksandar Cucukovic
UI/UX | core | 2 hours 20 minutes |   Published: Oct 2020

    Discussions

Overview

1.6KSTUDENTS*
94.6%RECOMMEND*

This course includes:

• 6 hours on-demand video
• 7 downloadable resources
• Full lifetime access

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. This is Part#2

Skills You Will Gain

Design
Design Process
Exporting Designs
Landing Page Anatomy
Prototyping
Wireframing

Learning Outcomes (At The End Of This Program, You Will Be Able To...)

• Become a UI Designer
• Become a UX Designer
• Work using the design workflow
• Create a high converting landing page
• Work with clients the smart way
• Deliver files to the developers the right way

Prerequisites

• Adobe Xd. You can download it from Adobe’s website.
• For Windows users Windows 10. Adobe Xd does not work in Windows 7 or 8.
• No previous Adobe XD experience required.
• No previous design experience required.
• There is no coding in this course.

Who Should Attend

• Anyone interested in UI / UX design
• Anyone interested in Adobe Xd and it’s lightning speed
• Beginners and newbies but also for mediors, looking to expand their knowledge
• Designers looking to switch to UI / UX
• Anyone who needs a UI / UX design experience in their portfolio

Curriculum

Instructors

*Where courses have been offered multiple times, the “# Students” includes all students who have enrolled. The “%Recommended” shown is also based on this data.
1Welcome to the course!
2Module 1
3Module 2
4Module 3
5Module 4
6Module 5
7Module 6
8Module 7
9Module 8
10Resources

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

Module 3 - Overview and Learning Objectives

Segment - 11 - Planning

Segment - 12 - Inspiration

Segment - 13 - Mood Board

Segment - 14 - Sketching

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

Module 5 - Overview and Learning Objectives

Segment - 25 - Image Structure

Segment - 26 - Creating Design-1

Segment - 27 - Creating Design-2

Segment - 28 - Creating Design-3

Segment - 29 - Creating Design-4

Segment - 30 - Creating Design-5

Segment - 31 - Working With Components

Segment - 32 - Creating Dropdowns

Segment - 33 - Creating Calendars

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

Module 4 - Overview and Learning Objectives

Segment - 15 - File Preparation

Segment - 16 - Creating Wireframe-1

Segment - 17 - Creating Wireframe-2

Segment - 18 - Creating Wireframe-3

Segment - 19 - Creating Wireframe-4

Segment - 20 - Creating Wireframe-5

Segment - 21 - Creating Wireframe-6

Segment - 22 - Creating Wireframe-7

Segment - 23 - Creating Wireframe-8

Segment - 24 - Creating Wireframe-9

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

Module 2 - Overview and Learning Objectives

Segment - 06 - What Is A Landing Page

Segment - 07 - Why Conversion Matters

Segment - 08 - Function Over Beauty

Segment - 09 - Landing Page Structure

Segment - 10 - What To Consider

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

About this course: Overview, Learning Outcomes, Who Should Enroll...

Instructor Bio - Alesksandar Cucukovic

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

Module 1 - Overview and Learning Objectives

Segment - 01 - Course Overview

Segment - 02 - The Brief

Segment - 03 - Competitor Analysis-1

Segment - 04 - Competitor Analysis-2

Segment - 05 - Competitor Analysis-3

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

Module 7 - Overview and Learning Objectives

Segment - 38 - Creating Style Guide

Segment - 39 - Sharing With Client

Segment - 40 - Packaging Structure

Segment - 41 - Exporting Assets

Segment - 42 - Delivering To Client

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

Module 6 - Overview and Learning Objectives

Segment - 34 - Organization

Segment - 35 - Prototyping-1

Segment - 36 - Prototyping-2

Segment - 37 - Prototyping-3

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

Segment - 43 - Conclusion

You need to enroll in this course to access the curriculum. Click 'Enroll' to get started!

Resource - 01 - Images

Resource - 02 - Project Xd

Resource - 03 - Read Me

Resource - 04 - Wireframe

Aleksandar Cucukovic

Aleksandar Cucukovic

Aleksandar is a dedicated product designer and tech enthusiast with a deep passion for UI/UX design. With over a decade of experience in creating and refining design systems, he has mastered the art of web design, 3D asset creation, and animation. Throughout his career, Aleksandar has been instrumental in crafting engaging user experiences while upholding the highest standards of design quality across a wide range of projects. His work consistently balances aesthetics with functionality, ensuring that every product delivers both visual appeal and practical usability. As an Adobe Xd Ambassador and a strong advocate for Adobe Creative Cloud, Aleksandar remains at the cutting edge of design technology. He has designed more than 500 products, significantly enhancing the workflows and productivity of over 200,000 designers around the world. His design philosophy is rooted in minimalism and quality, guided by a profound understanding of user needs and core design principles. Beyond his design practice, Aleksandar has co-founded and contributed to several startups, developing innovative solutions and nurturing communities of designers and creatives. His mission is to share his knowledge and empower others to thrive in the ever-evolving world of design. Through his extensive experience, Aleksandar offers invaluable insights and practical skills to help aspiring designers succeed.
VIEW MY CHANNEL