---
url: /dex/no-22/
title: "Create a website prototype in Adobe Xd - Part 2 | Dex | The Graphic Design School"
template: dex-single
priority: 5
wordCount: 1097
lastModified: 2026-05-22T23:31:54.501Z
category: courses
site: "The Graphic Design School"
tokenCount: 1553
---

# Create a website prototype in Adobe Xd - Part 2 | Dex | The Graphic Design School

> Hands-on Adobe XD assignment to design and share a 3–5 page interactive website prototype.

**Keywords:** Adobe Xd, website prototype, website design, graphic design, Dex The Graphic Design School, beginner website design, intermediate website design, advanced website design, website navigation, homepage slider, button rollover effect, working prototype, import graphics from Illustrator, photographic imagery, design constraints

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 needs to show a homepage slider (2-4 slides) and how that will work. Advanced + Create a simple 3-5 page website in Adobe Xd. 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 + Adobe Xd Preview of the Website: Click here for a live preview Software + Adobe Xd Website Design Adobe Photoshop Mockups Upload + SoftwareDifficultyShow All Week 45: Create 3D Designs with Illustrator Week 44: Social Media Template Design for Clients Week 43: How to Create a Brand Campaign with Assets Week 42: Create Beautiful Type Design Editorials for Print and Web Week 41: Create Beautiful Type Design Editorials for Print and Web Week 39: Create promotion and brand materials with your own optical art design piece in Adobe Illustrator Week 38: Create a beautiful image design by merging two images seamlessly together in Photoshop Week 37: Create your own kaleidoscope print in Photoshop Week 36: Create a live animation for handwritten text in Adobe After Effects Week 35: Create an animated pattern of your logo in Adobe After Effects Week 34: Textile Design - Part 2 Creating Print Textures Week 33: Get Started with a Basic Animation in After Effects Week 32: Textile Design - Part 1 Repeat Print Week 31: Use the width tool to create your Own Curvy Letter Week 30: Create a punchy typographic Xmas gif, then we show you how to embed in your email signature! Week 29: Using Adobe Dimension & Photoshop To Create Striking Packaging Week 28: Draw & Apply your Own One-Line Art to a Mockup Week 27: Social Media Series: Learn to shoot, style and edit an image for your social media channels Week 26: Social Media Series: Absolute Beginners Design & Present an Instagram Mockup Week 25: Create a World Cup animated GIF in Photoshop to promote your event Week 24: Create a Seamless Pattern in Photoshop and Apply it to Your Mockups - Part 2 Week 23: Create an Identity Using Engraved Effect on Images - Part 1 Week 22: Create a website prototype in Adobe Xd - Part 2 Week 21: Add contrasting light effects to a photographic image - Part 1 Week 20: Create Wonderful Waves with the Twirl Tool Week 19: Create a Dripping Text Effect in Illustrator Week 18: Create a live animation for handwritten text in Adobe After Effects Week 17: Create a Band Artwork using Photoshop Liquify Tool Week 16: The Best Illustrator Brushes Tutorial Ever Week 15: Create a Retro Style Surf Poster Week 14: Create a Corny Holiday Sweater Knit Animated GIF Week 13: Use Adobe Dimension to create a Perfect Packaging Showcase Week 12: Create Surreal Compositions in Photoshop Week 11: Create an Asian-inspired vintage style poster/postcard and ink-effect logo Week 10: Create Patterns with Photoshop, Pattern Bombing, Apply Patterns to Mockups Week 9: Layered Effect With Illustrator & Photoshop Week 8: Gold Typography in Illustrator Week 7: Stamp Tool & Clipping Mask in Photoshop Week 6: Envelope Distort in Illustrator Week 5: Paper 3D Collage Week 4: Create a Mosaic of Beautiful Polygons Week 3: Create Your Own Mockup Week 2: Head Icons Design Week 1: Hand Lettering in a Shape 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 ;)