![](https://cdn.myportfolio.com/5c68535d-a37f-4b5e-a405-08e06e7bab7a/dedf26c2-2a0f-48d9-b8e0-a6315b32bc86_rw_3840.jpg?h=35bb3f9f7f32917bfe31c23f169677d7)
Challenge
As the name suggests, the Adobe XD Creative challenge is an ongoing challenge organized by designers at Adobe. The goal is to learn a new thing about XD by following creative prompts everyday for a recurring two week period. I have been participating on and off for a period of time, and this is selection of some of my challenges. This page will be updated periodically.
1. Booking a Co-working Space
This challenge was to design a user interface for booking a co-working space using content-aware layout. The content aware layout feature allows for responsive changes in content when designing.
![](https://cdn.myportfolio.com/5c68535d-a37f-4b5e-a405-08e06e7bab7a/212e2633-e55c-41bd-a027-9093c94f3284_rw_3840.png?h=d0f73feb7ac97e37aee3446d6c7dd461)
2. News App
The challenge was to design a user experience for a mobile news app using auto-animate. Auto-animate creates interactions by animating elements of the same name between two artboards.
![](https://cdn.myportfolio.com/5c68535d-a37f-4b5e-a405-08e06e7bab7a/a74fc635-2788-41b6-b5df-4ae84827078d_rw_3840.jpg?h=b613dcc7636c86d2fbf2d8bd131e8d74)
3. Work Messaging App
The challenge was to design a contact experience for a work-related messaging app using scroll groups. Scroll groups enable vertical and/or horizontal scrolling within a specified area.
![](https://cdn.myportfolio.com/5c68535d-a37f-4b5e-a405-08e06e7bab7a/d07e701f-6c62-4a2f-ad30-dd40ced2a213_rw_3840.png?h=2f0ce47ac2b945d0fec55c2c9ffada36)
4. Travel App Onboarding
The task was to design onboarding pages for a simple travel app using auto-animate. Auto-animate creates interactions by animating elements of the same name between two artboards.
![](https://cdn.myportfolio.com/5c68535d-a37f-4b5e-a405-08e06e7bab7a/452a35bc-0e94-4c55-99fd-6fe40287ac1d_rw_3840.png?h=680b3c26b9aeeba439844011cdad0d35)
5. Video Chat App (Mock-up)
This challenge was to animate emoji interactions for a video chat app using component states. Component states allow for customizable instances in components that can be reused across a design.
![](https://cdn.myportfolio.com/5c68535d-a37f-4b5e-a405-08e06e7bab7a/63bfe3f1-1c54-428f-918d-74c35c166912_rw_3840.png?h=9cc2db5bd10aa5753c557db7d55a6b33)
6. Food Delivery App Onboarding
The task was to design onboarding pages for a food ordering/delivery app using auto-animate. Auto-animate creates interactions by animating elements of the same name between two artboards.
![](https://cdn.myportfolio.com/5c68535d-a37f-4b5e-a405-08e06e7bab7a/117994e4-2a9f-4566-b45d-4734ce442038_rw_3840.png?h=3ef9c4091454737366bff485084611c6)
7. Skincare Brand Landing Page
The challenge was to design a landing page for a skincare brand using auto-animate. Auto-animate creates interactions by animating elements of the same name between two artboards. All 3D objects were rendered in Adobe Dimension.
![](https://cdn.myportfolio.com/5c68535d-a37f-4b5e-a405-08e06e7bab7a/23835547-ad92-4d71-83ea-1ef2c8dc2e96_rw_3840.png?h=f3c7aab7fdb544b81b96c137314cf085)