Creative Challenge
Build your Xd skills with these challenges! | September 19 - September 23
How does it work?
1 . Each day you'll receive a challenge.
2 . Join the community chat to stay informed and connect with others.
3 . Watch the daily live show to get started and ask questions.
4 . Finally, share your work to get feedback from mentors and other participants!
Unlock The Challenges
- December 2, 2Build Your Own Search EngineDesign a search engine that displays history with balanced typography and flow.
- December 2, 2Build Your Own Search EngineDesign a search engine that displays history with balanced typography and flow.
- September 19, 2022Custom Email TemplatesLevel up your emails with customized templates that will help you communicate more clearly and with more style.
- September 20, 2022Animated Interactive ButtonsAdd interactions to your buttons using Auto-Animate and Lottie files.
- September 21, 2022Find The Perfect ColorDesign a shopping widget with an interactive color picker.
- September 22, 20223D in XD Made Easy!Use 3D Transforms to create a mobile wallet that jumps off the screen.
- September 23, 2022Build Your Own Search EngineDesign a search engine that displays history with balanced typography and flow.
Notify me about future XD challenges
Next Steps
- Design at the speed of thought.Wireframe, design, prototype, present, and share amazing experiences for web, mobile, voice, and more — all in one app.
- Chat with the communityConnect with the XD community on Discord to get valuable feedback on your work and find answers to your questions.
Explore Past Challenges
- Maintenance Tracking AppDesign a custom app to practice your layout and interaction skills.
- Activity Finder AppLearn how to streamline your user experience by building a custom app.
- Ticketing App DesignMake an easy-to-use app with structured hierarchy and visual flair.
- Classified Ad Homepage MakeoverRedesign the homepage of a classifieds site to make it more user-friendly and modern.
- News Homepage MakeoverRedesign the homepage of a news site to make use of whitespace and to make advertising less intrusive.
- E-commerce Navigation Menu MakeoverReimagine an e-commerce website's expandable menu to increase usability.
- Furniture Store Homepage MakeoverEstablish a visual hierarchy to highlight featured products and calls to action.
- Movie Ticket Homepage MakeoverOptimize your user flow to take them from landing to checkout in a flash!
- #CreateWaves Social Media PostsCreate social media templates to join #CreateWaves, a campaign using creativity to help raise awareness about the critical impacts of climate change on our ocean and planet.
- Mobile Onboarding ExperienceMake a great first impression by creating a seamless onboarding experience for a mobile device.
- How to Create A Case StudyShow off your best projects by creating an organized and engaging case study!
- Adobe Xd 101 Part 1This is Adobe Xd for beginners! Learn the basics of Adobe Xd by using components, states, and 3D transform!
- Adobe Xd 101 Part 2Let’s learn more about Adobe Xd! Practice your skills and grow your knowledge of repeat grids, auto-animate, and prototyping previews.
- Marketing BannersDesign several marketing banners for your brand, using components to help update your various elements.
- Event Invite CardsDesign digital cards for an upcoming invite. Include a preview of confirmed guests and call to action buttons.
- Landing PageDesign a landing page for a travel experience. Use a full-width image or video to help showcase destinations.
- Smart Home LauncherDesign and prototype a smart home device, with ‘cards’ that launch into various applications.
- Onboarding ExperienceDesign and prototype a mobile onboarding experience. Include videos or Lottie animations to enhance the experience.
- Web3 Website DesignDesign your own decentralized exchange landing page from scratch with custom animations.
- NFT Website DesignDesign a homepage for your own NFT platform using gradients and 3D effects.
- Fitness Landing PagePrototype your own fitness website landing page using hover interactions and animations.
- Futuristic PortfolioDesign your very own animated futuristic portfolio by prototyping with hover interactions & animations.
- Check Out Made EasyMake checking out a breeze by desiging a One-Tap checkout mobile app.
- Showcasing Your Products OnlineCreate a stunning homepage to showcase your products with a modern design!
- Animating Your User InterfaceAdd motion to your user interface to create some extra interested on your app or website.
- Creating A Style Guide In MinutesBuild a style guide for quick reference to get your design cohesive and streamlined!
- Desiging With Sidebar NavigationCreate a custom dashboard using sidebar navigation layouts.
- Vintage MenuCombine typography and black and white imagery to create a vintage website, inspired by diner menus of the past.
- Parallax TypeLearn how to use parallax effects to create the perfect website header by giving your typography some dimension!
- Vertical TypographyShowcase your product on a website by using vertical typography combined with refined imagery.
- Modern Website DesignDesign a sleek and modern website by using Adobe Fonts to find the perfect typographic voice for your mobile website.
- Emoji MakerUse Lottie animations and component states to create your own emoji card maker.
- Swiping GesturesSwipe Right! Practice designing with gestures in mind as we create a crypto app with swiping interactions.
- Loading AnimationsGive your website some visual interest and energy by creating dynamic loading animations.
- Collapsible SidebarsMaximize your space with a collapsible sidebar that can be used as a project dashboard.
- Responsive WidgetsUse Responsive Design to create widgets that can be used on desktop or mobile applications.
- Animated Instagram StoryCreate a social media story for an e-commerce business using auto-animate and export as video.
- Speed Up Your ProcessSave time on your screen designs with help from an Adobe XD UI Kit.
- Inclusive Copy & ImageryConsider inclusive copy & imagery when creating a profile screen for a dating site.
- User OnboardingDesign the loading screen, onboarding experience and home page for a fitness app. As you work, focus on layout and balance.
- Scrolling EffectsCreate the browsing experience for a mobile streaming platform using scrolling effects alongside Auto-Animate.
- Crypto AppUse gradients and blurs to create the wallet and onboarding screens for an app used to manage cryptocurrency.
- Video PlaybackIncorporate video playback features into your designs as you create an engaging social media app.
- Data AnimationLearn to transform complex data into unique elements using Auto-Animate and Timed Transitions.
- Movie AppCreate a user flow for a movie app by using animations to transition between the home screen and movie details.
- Meditation AppDesign and prototype the homepage and ‘now playing’ page for a meditation app using stacks.
- Vertical CarouselLearn to design and animate card elements using stacks and auto-animate for a workout scheduling app.
- Homepage BannerDesign and prototype a rotating homepage banner with embedded video.
- Vacuum HubDesign the hub and scheduler for a robot vacuum application. Use Auto Animate, Audio playback and Lottie animations to bring your design to life.
- Mobile Ordering AppDesign a juice ordering app where users can mix-and-match ingredients to create custom recipes. Use Drag gestures and Timed Triggers to mimic a realistic ordering experience.
- Smart Watch InterfaceDesign a simple Apple Watch interface, using UI kits to build realistic interactions. Then, turn your design into a showstopping Behance post using 3D and animation.
- Streaming DashboardDesign a mobile video streaming dashboard with looping video and scrollable sections.
- Wine Tasting AppDesign a rating experience for wine tasting tours. Allow users to swipe between various wines and apply ratings using Drag gestures and Auto Animate.
- Art GalleryDesign a browsable horizontal art gallery. Give dimension to the scrolling experience with typography, video and hover effects.
- E-Commerce Bike BuilderDesign and prototype an E-Commerce Bike builder. Use gestures and Auto Animate to simulate part selection and color customization.
- Home ScreenDesign the home screen for a music video app that utilizes video playback.
- Sign-Up ScreenUsing components, create a slick sign-up screen that references neumorphism.
- Animated OnboardingUsing Lottie animations, create an engaging onboarding experience.
- Landing PageUsing repeat grid and video playback, design a high-converting landing page.
- Micro-InteractionsUsing auto-animate, design micro-interactions for the home screen of a to-do list app.
- Dark ModeDesign a social media feed in dark mode using vertical scroll groups.
- Wearable TechnologyDesign a few critical screens for a futuristic health app on a smartwatch using voice commands.
- Mobile FirstUse responsive resize with stacks to seamlessly go from mobile to desktop for an e-commerce homepage.
- Course DashboardLearn how to design an online education dashboard. If you have extra time, turn things up a notch by adding simple animations.
- Dynamic TransitionsLearn how to animate a unique page transition using Auto-Animate.
- Showcase Your DesignsShowcase a responsive landing page for mobile and web using Timed Transitions.
- Ride-Share AppDesign a screen for a ride share app. Use the plugin Stark to check for contrast accessibility.
- PresentationUsing the presentations plugin, create and prototype a presentation with dynamic animations.
- Roommate FinderDesign a roommate matching experience. Use Drag Gestures and Auto-Animate to create swiping interactions.
- Travel AR ExperienceDesign a smartphone AR experience that assists travelers using 3D transform.
- Real Estate MarketplaceDesign a for-sale real estate listing. Use Stacks to organize and rearrange items within your artboard.
- Reserve CampsiteDesign a campsite reservation experience using voice commands.
- NFT WebsiteDesign a modern login screen for a NFT website. As you prototype, try creating an animated login button.
- VPN ApplicationDesign and prototype a mobile VPN experience where users can select their country and activate the VPN.
- Ecommerce Check-OutDesign an Ecommerce check-out experience for desktop. As you prototype, create a slider displaying an image for each product.
- Bluetooth BarbecueDesign a Bluetooth connected barbecue application where users can view the cooking status of their food.
- Membership PricingCreate the membership page for a website that features pricing tables with toggles for monthly versus annual costs.
- Freelance TrackerDesign an application where freelancers can track revenue, expenses and clients at-a-glance.
- Budgeting ExperienceDesign the subscription tracking experience for a budgeting app. As you prototype, allow users to filter by subscription type and view card usage.
- Weather ApplicationDesign a colorful and minimalist weather application using mesh gradients and Swiss typography.
- Navigation BarDesign a navigation bar and then give it unique interactions using Prototype mode.
- Mouse DragDesign a simple web page, then prototype mouse drag interactions using drag animations.
- Creative AnimationsDesign mobile card components and then prototype animated ‘slime’ interactions.
- Event Booking WebsiteDesign the landing page for an event booking website and then add animated interactions using Prototype mode.
- Events PageDesign and prototype the events page for an events website. Try using hover animations to create unique interactions.
- Mood BoardCreate the foundational pieces for a plant-care app. Make a mood board that depicts your vision and begin organizing colors and character styles within Document Assets.
- Onboarding ScreenDesign the onboarding screen for a plant-care app using Component States. Try creating a carousel that highlights app benefits.
- Loading ScreenDesign the loading screen for a plant-care app. Include a logo and try prototyping a Timed Transition from this screen to the next.
- Questionnaire ScreenDesign the plant questionnaire for a plant-care app using Repeat Grid to create a vertical list that can be customized with text and images.
- Browsing PageDesign the plant browsing page for a plant-care app. Try creating scrollable sections using Scroll Groups.
- Info PageDesign the plant info page for a plant-care app. Let users quickly navigate to specific sections using Anchor Links and Scroll-to.
- Dashboard DesignDesign the dashboard screen for a plant-care app. Include an overlay screen for task details using an Overlay Transition.
- Search ScreenDesign the find-a-plant screen for a plant-care app. Include a search bar and try prototyping results using Auto-Animate.
- Filtered SearchDesign a hobby finder where users can use filters to quickly explore new interests. Use Repeat Grid to quickly build prototype-ready screens.
- Scrollable ListsDesign a web prototype where users can track and view goals. Use Scroll Groups and Anchor links to prototype an easily navigable experience.
- Parallax WebsiteDesign the landing page for a headphones website. Try using Auto-Animate to give your prototype a parallax effect.
- Animated ChartsDesign a routine tracker that displays habits using animated charts. As you design, use States to create a mini design system.
- Swipe and SelectDesign a vinyl record interface where users can swipe, select, and learn more about albums. Try using Swipe animations and 3D Transform to bring this experience to life.
- Restaurant BookingDesign an experience for booking a table at your favorite restaurant. Allow users to select a table and pre-order appetizers using guided prompts.
- Streaming ServiceDesign a web-based streaming service where users can explore TV and movies. Try prototyping interactions using Horizontal Scroll alongside Auto-Animate.
- Voice TriggersDesign and prototype a smartwatch app for learning languages. Allow users to test their skills using Voice Triggers.
- Package DeliveryDesign the notifications for a smartwatch package delivery app. Use sounds to notify when an item is en route or has been delivered.
- Email ActionsDesign the action options for a mobile email app. Use Drag Triggers to prototype options like delete, archive, or reply.
- Word CounterDesign the word counter for a writing app. Use Auto-Animate to increase the word count as users write.
- Video AppDesign the dropdown menu for a video conferencing desktop app. Use Component States to prototype microphone or video source options.
- Brewing ScheduleDesign the brewing scheduler for an automated coffee maker app. Use Sliders to add brewing options such as flavor, grind size and start time.
- Discover PageDesign the discover page for a social media app. Use Stacks to arrange content in different groups based on trending items or popular hashtags.
- Search EngineDesign the ‘open tabs’ page for a search engine. Use 3D Transforms to simulate a 3D experience where each page is opened.
- Appointment SchedulerDesign a tool for finding and scheduling COVID vaccination appointments. Give your users multiple options using Component States.
- On-Page-ScrollDesign and prototype ‘on-page-scroll’ animations for a promotional landing page using timed triggers.
- Loading ScreenDesign and prototype the loading screen animation for a healthy juice brand using Auto-Animate.
- Custom IconsReimagine the hero section of the Among Us website using 3D assets from Adobe Dimension.
- Parallax EffectDesign and animate the home page for a movie platform using parallax scrolling effects.
- Vertical ScrollingDesign and prototype a web-based photo gallery utilizing vertical scrolling.
- Micro-interactionsDesign a personalized shoe E-commerce platform incorporating micro-interactions on product cards.
- MasksDesign a portfolio homepage with dynamic hover animations using Masks and Hover Interactions.
- Pricing TableDesign the pricing table for a website! Try using Repeat Grids to speed up the process.
- Sign-up FormDesign a sign-up form that focuses on ease-of-use. Be sure to use components for quick editing.
- Financial ChartsDesign and prototype an interactive web-based financial chart. Use Auto-Animate to bring it to life.
- Landing PageDesign a landing page for a website of your choice. Save your colors and character styles as assets for quicker editing.
- Nested DropdownCreate a dropdown menu for a web-based platform using nested components and hover.
- Credit Card PaymentDesign and prototype a web-based payment screen using 3D Transforms and Auto-Animate.
- Marketing BannersDesign several eye-catching banners for your marketing pages. Try using Padding to streamline your editing.
- Online DashboardBuild out an online dashboard and use Auto-Animate to transition between various circular charts.
- Profile PageDesign your profile page for a social media platform. Use the Libraries panel to add and save assets to your project.
- Scrollable CardsCreate content cards that extend off of their artboard, then use Scroll Groups to add interactivity.
- Friends FeedDesign the friends feed for a social media platform. Use Repeat Grids to quickly add text and images.
- Emoji PickerDesign and prototype an emoji picker with various options. Use nested components to add interactions.
- 3D FlipDesign and prototype a Stories experience, using 3D Transforms to navigate between images.
- MessagesCreate a messages experience for a social media platform. Utilize Stacks to quickly rearrange and space out groups and layers.
- Navigation BarDesign and prototype a navigation bar across multiple screens using Component States. Try adding animated icons!
- Video CallDesign a video calling experience between multiple users. Add fun sound effects using Audio Playback.
- Hairstyle GeneratorCreate an experience for trying on new hairstyles and colors. Use the swipe feature to browse through different options.
- DIY Browsing ExperienceDesign an experience for browsing through home improvement projects and ideas. Use Stacks to organize the tools and materials listed under a specific project.
- Hobby RandomizerCreate an experience that helps users find new hobbies. Allow users to select keywords, then generate a list of suggestions alongside required materials.
- Exercise ScoreboardCreate an exercise tracking experience that can be played with friends. Design a leaderboard, using Components for avatars and icons.
- Plant PlannerDesign and prototype an experience for planning which plants to plant during different seasons. Add dropdown menus to select month and plant type.
- Reading TrackerDesign an E-reader experience that tracks users’ reading progress throughout the year. Use the 3D Transforms tool to create a page-flip animation.
- Budgeting AppDesign a budgeting app that tracks and manages expenses. Create a graph that moves when the budget is adjusted using Auto-Animate.
- Yearly PlannerDesign a digital planner for the desktop. Allow users to add events using Hover triggers to create a hover effect.
- Landing PageDesign a web-based landing page on a topic of your choosing. Try adding depth using Background Blur.
- Dropdown MenuDesign and animate an expandable dropdown menu using Nested Hover.
- Augmented RealityDesign and prototype a mobile augmented reality experience using 3D Transforms.
- Presentation TemplateDesign a presentation template and save it as a Component for easy editing.
- Browsable LibraryDesign a browsable music library for iPad using Repeat Grids.
- Movie TimelineDesign a web experience that tracks the release of famous movies. Use Stacks to rearrange the items within the timeline and Horizontal Scroll to bring the project to life.
- Video Chat AppDesign and prototype a video chat experience where users can add stickers and emojis on screen. Use auto animate to bring these micro-interactions to life.
- Sales PageDesign the sales page for a product website that lets users know when others around the world have purchased an item. Use Timed Animations and Component States to prototype notifications.
- Team Meeting PlannerDesign a scheduling tool for remote teams! Allow users to add topics, discussion items and other important details. Use Repeat Grid and Stacks to design reusable UI components!
- Habit TrackerDesign a mobile habit tracker where users can input habits and track progress over time. Use Drag Gestures to complete tasks and Auto-Animate to give your interactions some pop.
- AR Gaming DashboardDesign the UI for an Augmented Reality gaming dashboard. Let your users scroll through and select games, integrating them into the screen using 3D Transforms.
- Smartwatch Time TrackerDesign a smartwatch experience where users can add, activate and track activities using voice commands.
- Client PortalCreate a freelance client portal where clients can track the project, sign contracts and make online payments. Use Anchor Links for quick portal navigation!
- Pet Dress-UpDesign a pet costume experience where users can dress up their pets in Halloween outfits. Use the Drag feature to create a slider that moves through different options.
- Campground MapperDesign the map experience for a camping app. Allow users to pan the map with Scroll Groups and use Component States to show campsite availability.
- E-Commerce WebpageDesign the product page for a bike helmet website where users can filter by color, size or other options. Use CC Libraries to manage your images and elements.
- Pumpkin Carving RandomizerDesign and prototype an experience that randomizes Jack-O-Lantern designs. Allow your users to shuffle designs and test faces before selecting an option.
- Fall Festival MapDesign the map experience for a fall festival. Display other users as well as various stops and attractions. Try using plugins to discover unique avatars.
- Fall Foliage FinderDesign a fall foliage finder that shows users where they can find colorful foliage throughout the year. Use a slider to visualize changes per season.
- Check-in AppDesign the ticketing and check-in experience for an apple orchard. Prototype an experience where users can fill out their payment info for goods and services.
- Interactive DecorationsDesign an interactive pie or cake decorating experience. Create a scrollable area where users can select options such as cake type, number of layers, filling, or toppings.
- StacksDesign and prototype a mobile to-do list. Use Stacks to easily organize and rearrange items within your artboard.
- Auto-AnimateDesign the media library for a desktop app that organizes music, movies and entertainment files. Use Auto-Animate to create micro-interactions and transitions.
- Design SystemSelect and create the basic components of a design system: typography, colors, buttons, icons. Then, use the assets panel to turn them into reusable elements.
- SoundsDesign the video calling interface for a smart device. While prototyping, use Voice Recognition and Audio Playback to simulate the experience.
- InteractionsRevisiting the to-do list design from challenge #1, create swiping interactions for completing or deleting tasks. If you did not complete challenge #1, use the starter file.
- Component StatesOn a topic of your choosing, design a desktop form with input fields and buttons. Use Component States to create multiple states for the fields and buttons.
- Anchor LinksDesign the FAQ section for a website of your choosing. Try creating a pinned navigation area with Anchor Links that snap to different areas of the page for relevant answers.
- Scroll GroupsDesign a desktop media player for TV and movies. Allow users to pan through different sections of the media player using Scroll Groups.
- SwipeDesign the swiping interaction for a digital wallet holding several payment methods. Allow the user to swipe through and choose which card to use.
- Auto-AnimateDesign a virtual tour experience for a museum. Allow users to view different rooms and design an indicator displaying which room they are in.
- StacksDesign a quick-access widget for a podcast platform. Use Stacks to organize important info in the widget like switching podcasts, play/pause, and info about the podcast.
- PersonalizationDesign a journaling app interface where users choose from a set of provided prompts. Allow users to select their mood, productivity level and more using Component States.
- Scroll GroupsDesign an interface for browsing saved e-books. Sort the books by category on different shelves, and use Scroll Groups to allow scrolling through the categories.
- SliderDesign the selection interface for a smoothie machine. Use sliders for the interactions like choosing drink size, type of fruit and sweetness level.
- SoundsRedesign an eye health widget that reminds users to rest their eyes. Using the starter file, add reminders to stand, stretch, and exercise accompanied by sound notifications.
- Drag & DropDesign an online portal for a history class where students can find the syllabus, homework and more. Use the drag-and-drop feature to quickly create student profile pictures.
- Transitions & AnimationsDesign product and category pages for an E-commerce experience. Then, prototype a transition from the category page to the product page.
- Product OptionsBring an E-commerce product page to life with color, size and quantity options. Try using Component States and Auto-Animate as you work.
- ScrollDesign a scrollable browse page for a mobile shopping app. When items are selected, introduce sound interactions for confirmation.
- Navigation AidsDesign a web page that allows for quick and easy navigation using Anchor Links and a ‘back to top’ button.
- Shopping CartDesign a cart experience for an E-commerce website. Allow users to remove items from the cart and confirm checkout.
- Animated IconsDesign simple vector icons to dress up an E-commerce UI and then animate them on hover and click.
- FilterDesign the filter experience for a travel website. Focus on making it easy for users to find what they’re looking for!
- SlidersDesign and prototype a set of expandable options for an E-commerce experience. Try incorporating adjustable sliders for options like price, duration and distance.
- StacksDesign the timeline experience for a project tracker using Stacks to quickly add and organize tasks. As you work, try creating a tracker for this week’s challenges!
- Auto-AnimateDesign and prototype a social media experience where users can interact with posts using ‘hearts.’ Use Auto-Animate to improve your interactions.
- Asset PanelDesign a Kanban board for a project management tool. As you design, select a custom color palette and apply it to your screens.
- SoundsDesign the navigation dashboard for a spaceship! While prototyping, add sounds to prompt users with interstellar directions.
- InteractionsDesign a baby name generator and prototype an experience where users swipe left or right indicating preference.
- Component StatesDesign and prototype an interactive form. Try creating a carousel that highlights a user’s progress and use Component States for pagination.
- Anchor LinksDesign a web-based education experience where users can bookmark and preview lessons. Try adding navigation aids using Anchor Links.
- Scroll GroupsDesign an interactive and scrollable roadmap for a project tracker using Scroll Groups. When you’re finished, use the Share tab to distribute your designs for feedback.
- Landing PageDesign the landing page for a personal finance website. As you work, try saving colors and character styles to the Assets Panel!
- Live SupportDesign the live support experience for a personal finance website. Try using Component States and Tap Triggers to activate an expanded button state.
- Features OverviewDesign the features overview section for a personal finance website. Use Stacks to quickly rearrange the various sections you create.
- Sign In and Sign UpDesign the sign in and sign up experience for a personal finance website. Allow your users to quickly navigate the page using Anchor Links.
- Home ScreenDesign the home screen for a personal finance mobile app. Use Content-Aware Layout to add padding to your sections.
- Scrollable ChartsDesign an interactive chart for a finance mobile app. Allow users to scroll around the chart using Scroll Groups.
- PaymentDesign the payment experience for a personal finance mobile app. Use Auto-Animate to create engaging interactions during the payment process.
- WalletDesign a digital wallet experience for a personal finance mobile app. Use Repeat Grid to quickly design a list of transactions.
- Scrollable ListRedesign the contacts experience for a work-related messaging app. As you design, use Scroll Groups to create a scrollable contacts list.
- Sound EffectsDesign the ‘reactions’ panel for a video conferencing app. As you prototype, incorporate audio feedback allowing participants to react with emojis and sounds!
- Progress IndicatorDesign and prototype the progress indicator for a live streaming interface. Display when the user is previewing, going live and has completed the broadcast.
- Slider ControlDesign the control hub for studio or desk lighting. As you design, use Drag Triggers to create a slider that controls lumens and temperature.
- Homepage DesignRedesign the homepage for a well-known project management tool. As you design, use Stacks to organize important information like project status, contributors and dates.
- Map InterfaceDesign a map interface that displays remote working locations. As you work, create a scrollable map using Scroll Groups that displays nearby cafes and coworking spaces.
- Scheduling ToolDesign the interface for a scheduling tool that coordinates remote meeting times. Use Component States to create check boxes that indicate time preference.
- Time TrackerDesign a time tracking app where users can quickly add and organize projects within timed sessions. When your design is complete, explore the Share tab within Adobe XD.
- Crafty MasksDesign the explore experience for an arts & crafts mobile app! Use Masks and Repeat Grids to speed up your design process.
- Burger BuilderDesign the burger builder experience for a food ordering app. User Component States and Auto-Animate to animate toppings as users customize their orders.
- Galactic Scroll GroupsDesign a space exploration mobile app for kids and parents. Allow users to pan around galaxies and hover over planets using Scroll groups!
- Digital ExplorationDesign a web experience where gamers can explore custom Minecraft worlds. Let your users quickly navigate the main page using Anchor Links.
- Campsite FinderDesign the interface for a campsite finder. Use Scroll Groups and Stacks to let users pan an area and rearrange campsites.
- Audible SightseeingDesign and prototype the sightseeing experience for a road trip app. Let your users explore maps with Scroll Groups that incorporate Audio Feedback when they interact with landmarks.
- School is CoolDesign the course experience for a summer school app. Focus on creating a fun and engaging experience, allowing users to level up as they progress!
- Animated ShortsDesign the sorting and filtering experience for an E-Commerce app. Use Auto-Animate to move products in and out of a masonry layout and create a quick view mode using Overlays.
- Scrolling GalleriesDesign a mobile experience that contains scrollable galleries of cards. Expand upon your design with links to additional artboards.
- Maps ExperienceDesign a maps experience that displays several locations of interest. Use Scroll Groups to allow users to pan around.
- Notes ApplicationDesign a notes application including various panes that contain scrollable content. Use Stacks to easily rearrange your layers.
- Kanban / ScheduleDesign a kanban board or schedule to help you and your team work together. Use Scroll Groups and Stacks to improve your workflow.
- Case StudyPrepare a case study for Behance, utilizing Stacks to help you rearrange the various sections.
- Location IndicatorDesign the virtual tour experience for a real estate website. Allow users to view different rooms and design an indicator displaying which room they are in.
- Progress MeterDesign the progress meter for an E-commerce checkout flow. Allow your users to click on the meter to visit previous steps, providing sound effects as they click.
- Navigation AidsDesign an E-commerce website for workout apparel. As you design the webpage, add navigation aids such as Anchor Links.
- Bill-Splitting AppCreate the interface for a bill-splitting app. Prototype the splitting experience with drag triggers and Auto-Animate, allowing users to choose shares with sliders.
- Data Pop-UpDesign the graph within an analytics dashboard for a website. As your users hover over the graph, display pop-ups with additional information.
- Featured ContentDesign and prototype the featured content area for a news experience. Determine the size and layout, then allow users to scroll within the experience.
- Button StatesDesign different button states for a coffee e-commerce website. Consider what your buttons should look like before, during and after the interaction.
- NotificationsDesign the notifications experience within a weather app. Display when a storm is approaching and let your users interact with the notification menu.
- Music PlayerDesign and prototype the library and music experience for a music player app. Use Auto-Animate to create a smooth transition between your library and now playing screens.
- Workout AppDesign and prototype a guided workout app that can be used anywhere. Leverage the power of plugins to optimize your workflow.
- CalculatorDesign and prototype a calculator app that can perform a simple math equation. Use Repeat Grid and Components to speed up your design process.
- Pizza AppDesign a web experience for ordering pizza and customizing toppings! As you prototype try using anchor links for easy navigation.
- E-commerceDesign and prototype an E-commerce experience for customizing sneakers. Allow your user to change the color of the shoe and prototype the purchasing experience.
- NewsletterDesign an email newsletter that highlights an update to your favorite product or brand. Use Content-Aware Layout and Responsive Resize to quickly create both mobile and desktop versions.
- Virtual HealthcareDesign a virtual healthcare app where users can locate and chat with doctors. Use Component States to easily create field inputs and buttons with active states.
- To-Do ListDesign a to-do list for your daily workflow. Prototype with Voice Triggers so users can quickly add tasks verbally. As a bonus, try incorporating Audio Feedback when tasks are completed.
- Sign-in ScreenDesign and prototype a simple sign-in and sign-up screen for a social media application.
- Navigation BarDesign the navigation bar for a social media application. Use component states as you design different sections.
- Social FeedDesign a social feed that includes multiple posts extending down an artboard. Use Anchor Links to quickly navigate back to the top of the page.
- Search and DiscoveryDesign the discovery experience for a social media app, including Stories and search.
- Profile SettingsDesign the settings menu for a social media app. Then, use an Overlay transition to apply it to multiple artboards. Begin with your designs from challenges 1 - 4 or the starter files.
- MessagingBuild the messaging experience for a social media app. Use Content-Aware Layout to speed up your design process!
- Floating Action ButtonsDesign and prototype a FAB (Floating Action Button) menu for a social media app so users can quickly post new content. To create the FAB, try using Masks.
- Animated GraphicsAdd a touch of fun to any interaction by prototyping an animated element. Play with various Auto-Animate settings until it’s just right!
- Swipe GestureDesign the interface for a smart mirror located within a bathroom or closet. Use CC Libraries and drag gestures to allow your users to swipe and select various outfits.
- ComponentsDesign a smart refrigerator experience that displays food options. Create components in the Asset panel to group items together and form meals.
- Voice CommandsDesign the control hub for an automobile that controls temperature, ambiance and navigation. Incorporate voice commands for hands-free operation.
- Audio FeedbackCreate an interface for a shower that allows users to set water temperature, play music or adjust water pressure. Incorporate audio feedback to audibly confirm actions.
- PluginsDesign an inventory management experience for a garden shed. Try using plugins to adapt your experience for the web.
- Auto-AnimateCreate a thermostat interface where users can specify temperature preferences throughout the day. Use Auto-Animate to show the temperature rising or falling as users make adjustments.
- Multiple InteractionsCreate a bedside table interface where users can adjust lighting, curtains and mattress temperatures. Use multiple interactions to prototype different actions for each option.
- Component StatesCreate a digital interface for a laundry machine. Use component states to allow users to choose cycles, water temperatures, clothes color, etc.
- Repeat GridDesign the desktop interface for a video chat app that allows users to connect with friends and family online. Use alignment tools and Repeat Grid to create consistent elements.
- Auto-AnimateDesign a community cookbook app that allows users to scan recipes and save them to a shared library. Create an animation that shows when a recipe has been added using Auto-Animate.
- Voice PrototypingDesign an audiogram app that allows kids to send loving voice messages to their grandparents and other relatives. Use Voice Triggers to prototype the audio recording and messaging experience.
- InteractionsDesign a photo sharing app that allows users to select and apply filters to an image. Use drag interactions and Auto-Animate to create a fun swipe effect.
- Component StatesCreate the onboarding experience for an online community platform. Use component states to create reusable elements as you design.
- FeedbackDesign the challenge-a-friend experience for an at home group exercise app. Allow users to track progress and receive feedback using visual indicators.
- Content-Aware LayoutDesign a simple UI for kids to host watch parties for their favorite shows. Use Content-Aware Layout to create reusable UI elements that work for a mobile and desktop app.
- Audio FeedbackDesign a turn-based collaborative mobile game. Use audio feedback to create sound effects associated with actions.
- PluginsCreate the navigation bar for a desktop dashboard on the topic of your choice. As you design, try exploring plugins to speed up your design process.
- Content-Aware LayoutDesign a call-to-action header group for a desktop dashboard. Use Content-Aware Layout to easily resize and rearrange your elements.
- Repeat GridsCreate a ‘top posts’ section for a desktop dashboard. Use a Repeat Grid and Components to quickly build and customize the section.
- Component StatesDesign custom charts for a desktop dashboard. Use Component States to create various chart periods such as today, this week or this month.
- GuidesDesign a dialogue box for a desktop dashboard that logs user activity. As you design, use guides to create alignment and consistency.
- Anchor LinksDesign a desktop dashboard that requires scrolling and add Anchor Links that serve as navigation aids. Get started with your designs from challenges 1-5 or the starter file.
- Audio PlaybackDesign an animated search field for a desktop dashboard. As you prototype, try adding subtle sound effects using Audio Playback.
- MasksCreate expandable information cards for a desktop dashboard. After designing the card previews, use masks to enlarge them with tap triggers.
- LayoutDesign a promotional web page for your favorite movie! Try creating focal points within your design using alignment and hierarchy.
- Auto-AnimateDesign a personal finance experience that rewards users for accomplishing goals. Use Auto-animate to prototype tree icons that grow as users save money.
- Asset PanelUsing the starter file, select a fictional brand and define a custom color palette. Try applying your colors to at least one screen design.
- SoundsDesign a smartwatch experience for a bicycling navigation app. While prototyping, add sounds that prompt users with directions.
- InteractionsDesign a random name generator and prototype an experience requiring users to swipe left or right to indicate their preference. As you design, focus on ease of use.
- Component StatesCreate an onboarding experience for a neighborhood community app. Try creating a carousel that highlights app benefits and use components states for the pagination.
- Anchor LinksDesign an experience that teaches users how to knit. Gamify the experience with badges, progress indicators or community feedback. Try adding navigation aids using Anchor Links.
- ShareCreate an experience for a video-sharing app. When you’re finished, use the Share tab to distribute your designs for feedback.
- Repeat GridDesign the resources list for a website focusing on typography and design tips. Use Adobe Fonts to select a font and Repeat Grid to create vertical rhythm within your design.
- PluginsDesign the landing page for a website on the topic of your choice. Use color to direct your user’s attention. Try using plugins to build a color palette and check for contrast.
- Smart GuidesDesign the recipe list for a cooking app. Use Smart Guides to setup your artboards, ensuring alignment and consistency.
- MasksDesign the hero section for a fictional startup website. Add custom shapes to your layout and integrate imagery using Masks.
- Component StatesDesign a chat experience for mobile devices. Use Component States to establish familiar design patterns and consistency within the user experience.
- OverlaysDesign the browsing and purchasing experience for an e-commerce shop. Use Overlays to create a series of confirmation dialogues tied to your users’ actions.
- Voice InteractionsDesign a simple UI for a smart watch timer. Focus on balancing simplicity with functionality as you prototype with Voice Triggers.
- Auto-AnimateDesign a mobile app for booking movie tickets. Provide users with context as they navigate through the experience, using Auto-Animate to prototype screen transitions.
- Voice TriggerDesign a mobile experience that connects designers with virtual assistants. Allow users to assign tasks with voice commands.
- Content-Aware LayoutDesign a mobile experience for coworking where users can reserve desk-space. Use Content-Aware Layout to quickly create and edit UI components.
- Polygon ToolDesign a smartwatch experience that logs work hours. Allow users to start logging with a single tap and gamify your experience with badges and stars.
- Auto-animateDesign a mobile experience where users can anonymously ask and receive career advice. Use Auto-animate to create a slider that adjusts salary numbers as it scrolls.
- Hover EffectDesign a desktop widget that reminds users to rest their eyes. Allow users to select custom intervals and hover over their menu bar to view a countdown.
- CC LibrariesDesign a desktop experience that organizes client contact information. Add info next to each client and use CC Libraries to drag and drop client logos.
- Component StatesDesign a mobile experience where users can browse design-related meetups and events nearby. Use Component States to create a calendar of events that contains a dropdown filter.
- Responsive ResizeDesign an experience that tracks invoices and payments for freelance designers. Using prototype mode, display when invoices are sent and received.
- Content-Aware LayoutDesign an interactive wall calendar that keeps you informed while blending into its environment. Try using the Calendar plugin to speed up your design process.
- ComponentsDesign the tablet interface for a residential air quality monitoring system. As you design, focus on creating an intuitive and inclusive experience.
- Component StatesDesign a food-waste reduction app that incentivizes users to meet specific food-waste reduction goals. Focus on using signifiers to create an incentive-based experience.
- Auto-animateDesign a fitness app that provides motivation through healthy competition. Focus on creating an experience that utilizes feedback to build healthy habits.
- Character StylesImprove a previous Creative Challenge design by implementing feedback and defining a new feature. If you’re just getting started, use one of the designs in the starter file.
- Repeat GridDesign an onboard experience for a concept of your choosing. Focus on using storytelling, language and tone to empathize with new users and communicate the intention of your design.
- InteractionsDesign a profile menu where users can customize their profiles and update personal settings. When you’re finished, try prototyping with interactions for user testing.
- Advanced PrototypingTurn design into an interactive experience using Adobe XD’s prototype mode. Encourage interaction, enhance usability and add delight using micro-interactions and animated feedback.
- Repeat GridDesign the recipe experience for a meal planning app. Use Repeat Grid to quickly build recipe cards with ingredients.
- ComponentsDesign a web experience where users can track their monthly fitness goals. As you design, leverage the power of components to reuse elements.
- Auto-AnimateUse Auto-Animate to prototype a tablet-based workout tracker. Allow users to add workouts and visualize their progress with animated meters and graphs.
- LibrariesDesign the purchasing experience for an e-commerce mobile app specializing in running shoes. Try using CC Libraries to organize and import images.
- Components StatesDesign the movement tracker for a yoga application. As you design, try designing and prototyping different button states for complete and incomplete movements.
- PluginsDesign an experience where users can challenge their friends to health and wellness activities. Try exploring Adobe XD plugins to generate avatars and design elements.
- CoeditingDesign a web-based class scheduling tool for a gym or fitness center. Try exploring multiple layouts as you co-edit with another designer!
- Sharing WorkCreate the onboarding flow for a mobile app related to health and wellness. When you’re finished, try sharing your work with the ‘Share’ tab in Adobe XD.
- Repeat GridsDesign the donation experience for a ‘buy a book, give a book’ mobile app. Try using repeat grids to create browsable galleries.
- Auto-animateDesign a digital experience that rewards users with credits to plant trees in the real world. Try using Auto-animate to bring your designs to life!
- Drag TriggerDesign an experience that allows users to donate to charities directly from their paychecks. After you design, jump into prototype mode and add interactions such as drag triggers.
- PluginsDesign an amber alert experience for mobile devices. As you design, try speeding up your workflow with plugins.
- Component StatesDesign an online voting experience for mobile, web or tablet. Try using component states to ensure consistency and simplicity in your design.
- Voice TriggerCreate a digital experience for discovering and saving free educational resources. Pick a topic of personal interest and then use voice triggers to prototype an interactive experience.
- Hover TriggerDesign a web experience that makes volunteering for and donating to local homeless shelters more accessible. Try using hover triggers to create advanced prototype interactions.
- Advanced PrototypingDesign a mobile, web or tablet experience that tracks home or business utility usage. When you’re finished designing, use advanced prototyping techniques to add animations and interactions.
- UsabilityDesign an experience that focuses on improving a user’s mental wellness! Use the starter file to generate an intent, then design for a specific user’s needs as you work.
- SimplifyDesign an experience for finding and building friendships! Use the tool in the starter file to select a use case. Then, try organizing your user flow into a few simple steps.
- HierarchyDesign an experience that helps users limit screen time and build healthy digital habits. Use the starter file to select an intent and focus on both informational and visual hierarchies.
- AccessibilityDesign an experience that helps users improve their physical wellness. Select an intent from the starter file and emphasize accessibility as you design.
- ConsistencyDesign an experience that helps users optimize their nutritional wellness! Select an intent using the starter file, then give your design personality with cohesive visual and written elements.
- ComponentsDesign a web experience for building custom perfumes and colognes! Leverage the power of components to reuse design elements and allow users to choose scents with tap triggers.
- Hover TriggerDesign a web page for a furniture store and then create their digital instruction manual. Users should be able to hover over furniture pieces to view step by step instructions.
- Component StatesDesign a web experience that generates personalized messages. Create dropdown menus to designate the tone, context and recipient. Try using component states for each dropdown menu.
- Auto-AnimateUse Auto-Animate to prototype a tablet-based digital fireplace. Try adjusting the timing, color and shape of your flames to bring them to life!
- LibrariesDesign an e-commerce mobile app for buying holiday decor. Try using CC Libraries to organize and import images.
- MapsDesign a web-based Santa tracker for kids! Allow users to hover over various locations around the world to see what time Santa will arrive.
- CountdownDesign a holiday countdown app for smart watches! Create a simple countdown that scrolls through numbers vertically using Auto-Animate. Try using the plugin manager to work more efficiently!
- Multiple InteractionsDesign a hands-free recipe app for tablet! Create voice commands for actions like “turn the page” or “next ingredient” and enable tap gestures for the same functionality.
- Multiple InteractionsDesign the browse experience for a pet adoption app! As users browse, allow them to either tap for more info or swipe to favorite.
- Component StatesDesign the payment experience for a scooter rental application! Focus on designing and prototyping different button states for the pay button before and after payment is processed.
- Hover TriggerDesign an online marketplace that helps users buy and sell items locally. Allow users to hover over items and receive additional product details with Hover Triggers.
- PluginsDesign the waitlist experience for a restaurant mobile app. Allow users to view their position in line and receive table notifications. Speed up your workflow with plugins from the Plugin Manager!
- Share ModeDesign the light mode and dark mode for a journaling mobile app! Try using Share Mode to distribute contrasting artboards for feedback.
- Asset ManagementDesign the landing page for a health food website. As you design, try uploading components and assets from Adobe XD into CC Libraries for future use.
- Emoji ReactionsDesign the messaging experience for a desktop or mobile app! Allow users to react with emojis. They should scroll left or right for emoji options or tap and hold for a custom emoji slider.
- Advanced PrototypingDesign a mobile app for finding local events! Focus on the calendar view, allowing your users to hover over a date and receive event details.
- User FlowDesign the user flow and low fidelity wireframes for a web based livestream video experience. Try creating a mood board that informs your color, type and asset choices.
- Landing PageDesign the landing page for a web based livestream video service. Use repeat grid to create a video gallery with categories and use the PhotoSplash plugin to populate it with images.
- Player PageDesign the video player page for a web based livestream video service. Focus on the chat experience as you add icons, symbols and buttons.
- Mobile ViewDesign the mobile view for a livestream video player! Think about how the web player from challenge #3 might change for mobile. For example, your users might need to expand or hide the chat.
- Share Your WorkPrototype your screens, export your work and tell your story on Behance! Make your project engaging with context, highlighting your design and thought process.
- Design SystemsChoose a personal hobby or interest and then design a mobile experience for users to learn more about it. While designing name your assets and organize elements into components.
- PluginsDesign an experience that allows users to discover local activities and events. Leverage plugins such as UI Faces and PhotoSplash to optimize your workflow.
- Auto-AnimateDesign the control hub for a device with custom lighting options. Use Auto-Animate to create dynamic animations and transitions as you change settings and effects.
- Repeat GridDesign an experience for a mood board app that allows users to upload, save and present inspirational images. Use Repeat Grid to quickly build the gallery and plugins to populate it with imagery.
- Import AssetsDesign the interface for a Chrome extension that allows users to easily bookmark and manage sites. Try designing an asset in Illustrator and importing it with CC Libraries.
- Voice TriggersDesign a smartwatch experience that helps users identify songs. Use Voice Triggers in Prototype mode to initiate actions.
- Multiapp WorkflowDesign a photo editing application with preset filters. Create the filters in Photoshop and import them into Adobe XD with CC Libraries.
- PrototypeDesign and prototype the mobile viewing experience for a movie streaming service. Focus on prototyping the user journey for viewing statistics and watch time.
- MarketplaceCreate a mobile marketplace where people can resell or donate used clothing. Give sellers the option to write fun stories for their clothing using overlays.
- Photo EditorComposting is a great way to reduce waste! Design a photo sharing app with filters that promote composting. Simulate your photo editing experience with Auto-Animate.
- DashboardDesign a dashboard that displays waste, water and energy usage for a community or building! Gamify your design by tracking and ranking performance between floors or members.
- MapsCarpooling promotes community building. Design the pickup, ride and dropoff experience for a carpool app! Try using the Maps generator plugin in Adobe XD.
- CheckoutDesign a grocery store checkout monitor that shows the environmental impact of a customer’s purchase. Try designing a data visualization of the overall impact!
- Scan BarcodesDesign an experience that scans and sorts recyclable goods! Allow people to scan an item and then use timed transitions to give them recycling tips.
- CalendarBring gardening to the twenty-first century with an app for novices to identify how often they should be watering. Allow people to look up plants and set a calendar with reminders!
- E-CommerceDesign an E-commerce experience for big-box retailers to list and sell refurbished furniture. Create a search and filter experience for customers to select desired styles.
- Tap GestureDesign a notecard quiz to learn a subject or language! Allow users to tap and flip notecards to check if their answer is correct.
- ComponentsDesign a home garden organizer. Allow users to arrange flowers and veggies and determine when to plant. Use components to reuse plant icons and elements!
- Repeat GridDesign the gallery and browsing experience for a fashion website. Create your gallery with Repeat Grid and drag-and-drop to populate it with fashion related stock photos.
- OverlaysDesign an experience to monitor and control a solar energy system! Allow users to monitor panel status and home battery charge. Then, design an overlay message to give users important system updates.
- Auto-AnimateDesign a futuristic teleportation app! Allow users to decide where they want to go and teleport to that location. Use Auto-Animate to create a visual for the teleportation process.
- Cookie BannerCreate a cookie banner popup for a mobile app that collects your favorite design and career-related resources. Focus on creating a transparent message to build trust with the user.
- Responsive ResizeDesign a mobile and web experience for finding and booking concert tickets! Use Responsive Resize to transform your mobile experience into a web experience.
- Advanced PrototypingDesign an augmented reality experience for a beauty app! Upload a photo and create various lipstick shades, then use Auto-Animate to visualize the different options.
- Presentation TimerDesign a presentation timer with sections for mobile or desktop. Highlight the current section and show which ones are coming next. Try using Repeat Grid to speed up your design process!
- LeaderboardCreate the leaderboard and point tracking experience for a neighborhood cleanup app! Try using the UI Faces plugin for your user profile avatars.
- Road Trip RandomizerDesign the interface for a road trip app! After a user selects a driving distance, generate a random destination. Try prototyping a range slider and loading sequence with Auto-Animate.
- Luxury Car RentalDesign the browsing experience for a dream car rental app! Use repeat grids to create a library of cards featuring luxury cars and allow users to expand a card for more info.
- Digital DietCreate a digital diet app that limits device usage! List frequently used apps by icon and time used. Try importing an iOS modal for settings confirmation.
- Food OrderingDesign and prototype a food ordering app! Use drag triggers to add ingredients and a tap trigger to confirm the order. Try creating icons in Illustrator and importing them using CC Libraries.
- Animated ElementsDesign and prototype a bubble tea builder! Create animated liquid with Auto-Animate and use tap triggers to select flavors and add-ons.
- Voice RecognitionDesign the joke of the day experience for a comedy app! Use voice triggers to ask for a specific type of joke and speech playback to get a response. XD puns are always welcome.
- Interactive ElementsDesign a checklist for a habit tracking app that allows users to check and uncheck items. Design for a habit building exercise, such as the XD Creative Challenge!
- Auto-AnimateWhat if computers could interface with the human brain? Design the control system for a Neuralink-inspired app that allows users to download and manage brain space.
- Drag GestureDesign an experience for an e-reader app that allows users to flip through digital pages. Use Drag Gestures to enhance the flip experience.
- Icons & ButtonsGeocaching is an activity where participants use mobile devices to hide and seek treasure. Design icons and buttons for a geocaching app. Focus on icons for wayfinding and treasure!
- Responsive ResizeDesign an exercise class scheduling assistant that can be viewed on both mobile and web! Try using Responsive Resize to speed up your workflow.
- Voice TriggersDesign the voice command experience for a language-learning app. Use voice triggers to allow your users to speak a word and receive the translation.
- Indicators & StatesDesign the rewards indicator for a recycling app. Give your users points for scanning items and allow them to watch in real-time as their points are tallied towards a goal.
- Advanced PrototypingDesign a build-your-own pizza experience for a pizza ordering app. Use auto-animate to animate toppings as your users add items like pepperoni, mushrooms and peppers!
- Simple Design SystemsCreate a mobile experience for controlling wireless speakers and RGB lights. As you design, consolidate your assets into a Design System by organizing components, character styles and colors.
- PluginsDesign a recipe collection app, curated from top chefs around the world. Focus on the recipes feed and details page. Use plugins for UI Faces and PhotoSplash to speed up your design process.
- Auto-AnimateDesign the ‘more info’ experience for a podcast app using Auto-animate. Allow users to learn more, subscribe and play. Try animating your transitions and icons.
- Responsive ResizeDesign a job application form for an open position at NASA. First, focus on a web design for desktop. Then, use responsive resize to quickly adapt your design for tablet devices.
- Voice TriggersDesign a way to quickly check the weather for a weather app. Use voice triggers to ask what the weather is like and continue the conversation by asking for clothing and activity suggestions.
- Repeat GridCreate a calendar app to manage your design tasks for the month. Focus on the experience for adding and viewing a new event. Try using repeat grid to speed up your workflow.
- Create User FlowsDesign a mobile news feed experience. First, map out the user flow to determine how users add new feeds, browse and favorite. Then, design and prototype your key screens.
- Prototype and TestDesign the event creation, invite and guest list experience for a party invitation app. After you complete the designs, link up your screens in Prototype mode and test your app with real users.
- Automotive navigation screen.Design the map experience for an automotive navigation screen. Try using Adobe XD’s map generator plugin.
- Storytelling with data.Tell a compelling story with data. Design the species list and details screen for an endangered species awareness app.
- User onboarding.Use the Auto-animate feature to guide first time users through a radio app. Focus on three onboarding steps: open menu, scan and choose station.
- Interactive live chat.Design a tablet-based chat experience for a digital travel agent. Include a method for users to book travel within the chat.
- Incentive centered design.Design the quiz section for a flash card app. Add card flip animations and a progress bar with motivational messages.
- Design for multiple screens.Design the details page for a car purchasing experience on both mobile and web. Consider how the call to action differs between surfaces.
- Writing assistant app.Design the composition section for a writing assistant app. Give your app the ability to suggest edits and provide a writing score.
- Smart home management.An alarm is tripped on a home security app, design the system status screen with a list of connected devices and alerts.
- Landing page refresh.Website visitors are landing but not sticking. Use an eye catching image and simple search fields to design an engaging landing page for a travel website.
- Improved search.Visitors to a travel website are viewing a small portion of the experience. Expand on the search experience with categories, filters & recommendations to encourage website exploration.
- Integrated navigation.When surveyed, visitors noted that the travel website lacked navigation aids. Design a navigation experience that allows users to easily orient themselves.
- Marketing priorities.The marketing team wants to compete with other travel websites. Design an experience that highlights exclusive travel deals.
- Mobile splash screen.To reach more users, the travel site wants to launch a mobile app! Use auto animate to prototype an engaging splash and login experience for a travel app.
- Mobile home screen.Convert the travel site landing page from week one into a home screen for mobile. Try using components, repeat grids and responsive resize.
- Travel booking experience.Customers want to quickly book experiences on the go. Design a travel booking experience for mobile.
- Trip notifications.Potential customers want to be notified about trip deals before booking. Design an experience that surfaces trip notifications for mobile.
- Home Screen.Design the home screen for a music creation app. Turn your buttons and elements into components as you design.
- Voice Triggers.Design a search with voice experience for a music creation app using voice triggers.
- Keyboard Triggers.Use keyboard triggers to design and prototype an interactive experience for making musical notes.
- Experience Design.Starting from the music creation app home screen, design and prototype a 2+ artboard experience of your choosing. As you design, convert reusable elements into components.
- Responsive Resize.Use responsive resize and components to transform an artboard from mobile to tablet.
- Design Systems.Adapt the design of your music creation app for a related brand using design systems and components.
- Home screen.User research indicates that new users spend less than 30 seconds on the home screen after their initial login. Design an engaging home screen layout.
- Order history.Customers are having difficulty locating previous orders. Can you think of a way to surface past orders efficiently and quickly?
- Search and filter.Design a search experience that allows users to quickly filter and find relevant food options.
- Marketing priorities.Marketing has two campaigns scheduled at the same time: “Quick Bites” & a partnership with sustainably sourced restaurants. Design an experience to prioritize promotions.
- Place order.Research shows that users add items to their cart but do not complete the purchase process because there are too many steps and the cart is hard to edit. Simplify the process.
- Address alert.When customers order food to the wrong location they must contact customer service, causing delays & dissatisfaction. What can we add to the experience to prevent this?
- Order status.Through user surveys, we have learned that users would like realtime order status updates. Design a way for customers to visualize order status and progress.
- Delivery map.As part of the order status, users would like to view the location and arrival time for their food. Design a map experience for customers to view this information?