Designing an E-commerce Brand Experience
A course by Adoratorio Studio, Creative Digital Agency
Joined March 2020
Learn how to create innovative and functional online shopping experiences by combining storytelling and technology
Joined March 2020
What do customers look for in an e-commerce business? A product, of course, but they also want something more: a story. That's why technology and storytelling have become the key ingredients for this type of business model.
In this course, Camilla and Enea, founders of the digital agency Adoratorio, teach you about brand commerce, a reinvention of the classic e-commerce concept that combines innovative technology with creative storytelling to deliver a unique user experience. Learn how to integrate brand strategy into UX design to develop a groundbreaking website, from the initial brief to the final presentation.
What will you learn in this online course?
15 lessons & 21 downloads
- 97% positive reviews (89)
- 2,691 students
- 15 lessons (2h 30m)
- 21 additional resources (14 files)
- Online and at your own pace
- Available on the app
- Audio: Italian
- Italian · Spanish · English · Portuguese · German · French · Polish · Dutch · Turkish · Romanian · Indonesian
- Level: Beginner
- Unlimited access forever
Recommended software & tools for this course
Adobe XDWhat is this course's project?
Develop the user interface for a brand's website, from the brief to the client presentation.
Projects by course students
Who is this online course for?
Anyone with basic knowledge of UX/UI design or beginners who want to learn a new way of thinking and approaching e-commerce.
Requirements and materials
All you need for this course is a computer with Adobe XD
Reviews
Adoratorio Studio
A course by Adoratorio Studio
Camilla and Enea are the founders of Adoratorio. Camilla majored in design at the Polytechnic University of Milan and Enea studied economics at the University of Bergamo, although he quickly discovered his passion for graphic design.
The two ended up crossing paths while working at the first Talent Garden in Italy, headquartered in Brescia, where coincidentally both are from. This chance meeting was the beginning of their friendship and professional collaboration which took off in 2015 when they founded their creative digital agency: Adoratorio.
Their work includes creating video games, immersive websites, and interactive experiences for clients like Netflix, Diesel, Ferragamo, and Taschen. In 2020, they received the Studio of the Year award from Awwwards.
Content
-
U1
Introduction
-
Presentation
-
Inspirations
-
-
U2
Definition of the content and target of a commerce brand
-
Why do we talk about experience brand commerce?
-
Content mapping: from the brief to the definition of the content
-
Content strategy: definition of the target
-
Mood board and presentation for the design team
-
Structuring of the content
-
-
U3
Realization of the design of a commerce brand
-
Information architecture
-
The modular design and the grid system
-
Our design process
-
Focus on page and element design 1
-
Focus on page and element design 2
-
-
U4
Refine and present the work to the client
-
Realization of some elements in motion
-
Organize material for team work
-
Presentation and reel of the project
-
-
FP
Final project
-
Designing an E-commerce Brand Experience
-
What to expect from a Domestika course
-
Learn at your own pace
Enjoy learning from home without a set schedule and with an easy-to-follow method. You set your own pace.
-
Learn from the best professionals
Learn valuable methods and techniques explained by top experts in the creative sector.
-
Meet expert teachers
Each expert teaches what they do best, with clear guidelines, true passion, and professional insight in every lesson.
-
Certificates
PlusIf you're a Plus member, get a custom certificate signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
-
Get front-row seats
Videos of the highest quality, so you don't miss a single detail. With unlimited access, you can watch them as many times as you need to perfect your technique.
-
Share knowledge and ideas
Ask questions, request feedback, or offer solutions. Share your learning experience with other students in the community who are as passionate about creativity as you are.
-
Connect with a global creative community
The community is home to millions of people from around the world who are curious and passionate about exploring and expressing their creativity.
-
Watch professionally produced courses
Domestika curates its teacher roster and produces every course in-house to ensure a high-quality online learning experience.
FAQs
This course is designed for those who already have a basic understanding of design or digital communication and want to dive deeper into topics like minimalism, typography, user experience, and brand commerce strategies for innovative projects.
You’ll learn how to design effective digital layouts, select fonts and color palettes, create style guides, enhance user experience, develop brand identity and storytelling strategies, and integrate motion design and animations using Adobe XD.
It’s recommended to have a basic knowledge of Adobe XD and major graphic software, but the course provides practical tips and tutorials to help you master the necessary tools as you go.
The course covers minimalism, ergonomics, typography, moodboards, brand systems, packaging, digital storytelling, modular layouts, UI animations, e-commerce strategies, customer service, digital branding, and responsive design.
Yes, you’ll learn how to pick and combine fonts and color palettes to build consistent, recognizable visual identities, with specific exercises in Adobe XD.
Yes, the course reviews best practices and the latest trends in digital design, including benchmarks from platforms like Awwwards and FWA, plus recent case studies.
Yes, guided exercises include creating modular layouts, responsive grids, interactive components, and animations using Adobe XD.
Adobe XD
The course was a great overview of an e-commerce project. I found some really handy tips about how to analyze the voice of the customers regarding the products or how content strategy plays a role within the entire layout. I missed a bit from the execution-level in Figma, that could have been more detailed, maybe also showing some dead end directions within the exploration phase.
me gusto el curso por que te dan referencia personales de su propia experiencia. lo que me gustaría es que ya tuvieran traducción el audio a español estos tutoriales en otros idiomas, pero si recomiendo el curso
Excelente
Muy interesante su metodología de desarrollo del proyecto, muy buenos profesores.
Έχει ενδιαφέρον. Ευχαριστώ