Bookshop check out flow
Hi! I redesigned the checkout out flow of Ukrainian bookshop.
Key points of solution:
- User can see filled data even for collapsed view,
- Here are 3 main steps of flow: contact information, delivery and payment that you can collapse.
- If you are logged-in user, contact information and delivery details will be autocompleted.
- Required fields are marked with red "*",
- The checkbox for adds is unchecked by default.
- All elements of UI have hoves and focus states.
Looking forward to your comments and reactions 😊
Tools used
From project brief
Topics
Share
Reviews
1 review
Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum enim cursus. In vehicula mauris tincidunt arcu aliquam nunc. Tincidunt vitae netus ante eu et bibendum. Eget amet nibh vel est congue tellus tortor gravida nascetur. Ut
18 Claps
Average 4.5 by 4 people
You might also like
Project
Empathy Map - Hargreaves Lansdown
Design Task OverviewProduct Name: Hargreaves Lansdown Device Type: Desktop Platform: Personal investments account Target audienceSelf-direct
Project
Sojo News
Role: Lead UI/UX Designer Spearheaded the end-to-end design process for SojoNews, a news aggregation platform, focusing on enhancing user en
Project
Revocube Spaces | Website Design
Overview Revocube spaces is a company that provides long and short term rentals uniquely designed for your well being. Main Task Build a web
Project
TRE® Workshop Landing Page Design
Project Scope: Creation of a bilingual (FR/EN) landing page to promote a 7-week TRE® (Tension & Trauma Releasing Exercises) workshop, with
Project
Prototyping - Light/Dark Mode
My first try to prototype a slider for light/dark mode.
Project
B/W Button System Design
I wanted to make a button system for a primary black/white operating system, such as a Kindle Paper White. I tried to keep the design relati
Interaction Design Courses
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics every UX designer needs to create clean, user-friendly designs.
Course
UX Writing
Learn to write microcopy that communicates clearly and concisely to improve user experience, build trust, and boost conversions across digital products.
Course
Common Design Patterns
Learn design patterns most valued in product development to create intuitive, visually compelling experiences that seamlessly blend form and function.