Prototype and UX Design for E-Commerce Apps
A course by Lula de LeónUX Consultant
A course by Lula de León, UX Consultant
Learn how to create user experiences and showcase them with advanced prototypes in Axure
Simplicity, order, and coherence are the key concepts of UX design, and essential when it comes to creating apps with an effective design. Discover the work that goes behind a functional system alongside Luz de León, CEO of Diga33!, a strategic design and creative technology company.
In this course, learn how to plan your interface design for an e-commerce app. Create a prototype in Axure 9 for each screen in the purchasing process, with the user at the forefront of your concept.
What will you learn in this online course?
29 lessons & 59 downloads
What will we do in this course?
3 minutes, 34 seconds
Axure's work environment
12 minutes, 6 seconds
Document configuration
15 minutes, 14 seconds
Basic forms
12 minutes, 58 seconds
Form elements
16 minutes, 55 seconds
Formatting and working with styles 1
8 minutes, 35 seconds
What's included in this course?
Start the course by getting to know your teacher, Luz de León, as well as some background on her professional career and her passion for teaching. In addition, see some of her influences and inspirations related to communication and design.
Next, get to know the Axure interface and learn how to configure documents with the guides and the grid. See the basic shapes, forms, and different ways to give your prototype an attractive and detailed image.
Research different applications and popular websites within the sector to establish a benchmark for your proposal. From this analysis, design the home for your project. To do this, discover how to use the masters, which will help you save time.
Advance on your prototype and speed up your process using another tool: the repeaters. Simulate the work of a database and learn to program more complex behaviors, such as filtering.
Finally, design the closing pages of the purchase funnel, delve into concepts from the previous lessons, and learn how to apply them in specific ways. Luz finishes the course by showing you some common mistakes and how to correct them. By the end, your own e-commerce app is ready to share.
Recommended software & tools for this course
What is this course's project?
Design the interface of an e-commerce mobile app, from the homepage to the checkout page, including the product list, search results, categories, product pages, and shopping cart.
Projects by course students
Who is this online course for?
For designers who want to learn about prototyping, as well as programmers and entrepreneurs who want to learn how to conceptualize and define the functional requirements of their apps, and UX designers who want to learn how to use Axure 9.
Requirements and materials
To take the course, you will need basic interface design skills. It is also useful, but not essential, to know how web and mobile apps operate.
As for materials, you will need paper, a pencil, and a smartphone with an internet connection.
Reviews
- 1 year ago
Excelente
- 2 years ago
It's really good.
- 2 years ago
Un curso bien detallado para enriquecer más mis conocimientos en el diseño web y app.
- 2 years ago
Excelente
- 3 years ago
Best explanation of perspective and colors
Luz de León is CEO of Diga33! and an Axure fan since its launch. Throughout her career, she has combined her professional and educational work, designing various postgraduate courses and teaching classes at KSchool, UNED, Complutense University of Madrid, and the University of San Francisco, among others. In addition, she directs the Postgraduate Course in Interaction Design and UX at the Carlos III University Foundation in Madrid.
Content
- U1
Presentation
- About me
- Influences
- What will we do in this course?
- U2
First contact: basic concepts
- Axure's work environment
- Document configuration
- Basic forms
- Form elements
- Formatting and working with styles 1
- Formatting and working with styles 2
- Hi Fi Prototypes
- Information architecture and basic navigation
- Documentation and functional requirements
- Teamwork, bookstores and Axure Share
- U3
Our online store app: welcome and home
- Explanation of the final project
- Welcome page
- Drawing the home. Working with Masters
- Dynamic panels
- Anchoring elements on the screen with dynamic panels
- U4
Designing category and detail pages
- Category page: the adorable repeaters
- Filtering and sorting in Repeaters
- Painting the detail page
- Variables: Passing data
- Variables 2: Some calculations
- Variables 2: some calculations (second part)
- U5
Topping off: Car and checkout
- Programming the cart 1
- Programming cart 2
- Repeaters: remove items from a listing
- Checkout 1
- Checkout 2
- FP
Final project
- UX: prototyping and designing an e-commerce app
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
Prototyping with Axure lets you build interactive, high-fidelity prototypes to validate concepts, workflows, and features in user experience projects before final development.
You don’t need professional drawing skills. Visual Thinking and sketchnoting use simple sketches to communicate ideas and boost collaboration in UX teams.
This is an intermediate-level course recommended for those with basic knowledge of user experience design or digital prototyping.
You’ll need a computer with Axure installed, plus internet access to download resources and share prototypes. No advanced software is required.
You’ll learn to create prototypes optimized for mobile devices, manage grids, adjust margins, and design advanced interactions using Axure.
The course teaches how to run usability tests with users to spot issues and improve the prototypes you build in Axure.
Yes, the course covers planning and conducting field studies and qualitative research to better understand user needs and apply them to design.