Week 22: Create a website prototype in Adobe Xd - Part 2

Create a full website design using Adobe Xd - learn how to use the assets and share a link to a prototype website that will function within a browser.

Beginner

+

Create a simple 3 pages website in Adobe Xd. The site can use images created in DEX 21 to create a specific look and feel. Create a working prototype of the site with pages linking through the navigation menu items and buttons on the site.

Intermediate

+

Create a simple 3-5 pages website in Adobe Xd. The site can use images created in DEX 21 to create a specific look and feel. The site needs to show a homepage slider (2-4 slides) and how that will work. Create a working prototype of the site with pages linking through the navigation menu items and buttons on the site.

Advanced

+

Create a simple 3-5 page website in Adobe Xd. The site can use images created in DEX 21 to create a specific look and feel. The site needs to show a homepage slider (2-4 slides) and how that will work. Create a working prototype of the site with pages linking through the navigation menu items and buttons on the site. The prototype needs to include one example of how an image or button may change colour when selected.

Time Allocated

+

120 Minutes for Beginner: Create a basic 3 page website that can be shared as a working prototype. 180 Minutes for intermediate: Create a basic 3-5 page website that can be shared as a working prototype. It must include a slider. 180 Minutes for advanced: Create a basic 3-5 page website that can be shared as a working prototype. It must include a slider and a rollover or state change for a button or image.

Design Goals

+

Create a working website prototype in Adobe Xd.

Constraints

+

Use Adobe Xd to create all the pages of your site. You may create and import graphics and/or logos from Illustrator. Images created in DEX 21 can be used, or you may use your own selection of photographic imagery, but work towards creating a uniform treatment of the images used for a consistency in look and feel.

Resources

+

Software

+

  • Adobe Xd

    Website Design

  • Adobe Photoshop

    Mockups

Upload

+

Learn More About DEX

Who is this for?
+

Whether you are a beginner, intermediate or advanced level designer. There is a brief to suit you. Follow the instructions in the brief to the letter.

How do I submit my work?
+

Once you're done upload your image to share. We may upload your image to our new Instagram page, be sure to include your Insta handle (@username) so we can credit you. If you don’t have an Instagram account, you can just type in your name. Leave your details blank if you like.

What is a good size for the images?
+

Please make sure your image is of good resolution, it shouldn’t exceed more than 5mb or thereabouts. png, jpeg, svg all acceptable formats. By uploading your image you're giving us permission to publish it.

Can I subscribe to this awesome concept?
+

If you would like to receive an email from us each week with the brief and video, be sure to subscribe at the top right of this page. We won’t share your information or be spammy.

What if I want to go further?
+

If you love what we do, and think you would like to try your hand at becoming a designer. Check out our courses here.

Can I contribute?
+

If you would like to become a regular video contributor, let us know. Even though we offer them for free, we pay contributors. Or if there is a technique that you would really like to learn, email us a visual, and any ideas you may have.

Can I contact The Graphic Design School
+

Anything else you need or want to ask contact us at: info@thegraphicdesignschool.com

Can I be a voice of TGDS?
+

If you want to spread the good word to your design friends feel free to share this page on social media ;)

Request a Free Callback

Others may hound you after you give them your phone number we won’t, we respect you and would never! That’s a TGDS promise. Pinky swear!
By submitting this form, you agree to our Privacy Policy

Request a Free Brochure

  • Australia
  • Europe
  • New Zealand
  • UK
  • USA
  • South Africa
  • Other
When you sign up for a brochure, we will NOT put you on our mailing list, you will receive an email with a link to download our brochure, that’s it!
By submitting this form, you agree to our Privacy Policy

Ask Us Anything!

Hey looks like you caught us in studio hours! Message us now for a quick response!
By submitting this form, you agree to our Privacy Policy
Acknowledgement of Country
The Graphic Design School acknowledges the Traditional Custodians of Country throughout Australia and their continued spiritual connection to land.
We pay respect to Elders past, present and emerging.
Always was, always will be.
RTO Provider № 91706