Skip to content
Akademia - project cover

Akademia

e-commerce for educational e-books

View live site

Akademia is an educational e-book store designed as a sub-application of the Studio Nauczania Justyna Magiera website. The aim was to bring the brand's character into a clearer, more modern interface suited to the needs of an online store.

Problem
Designing an online store that feels like a natural extension of an existing brand.
Goal
Design a consistent journey from finding an e-book to using the purchased materials, while refreshing the UI.
Outcome
A complete Figma design, ready for development.

Starting point

Studio Nauczania Justyna Magiera focuses on supporting students of different ages and preparing them for exams. The store needed to extend the brand naturally while helping users quickly understand each product and its value.

Even with a digital product like an e-book, users need to know what the material covers, what they will receive after purchase and where to find their files later. That's why the design covers both the purchase flow and the experience afterwards.

Starting point - website comparison

Process

I started by mapping the full user journey. I designed the key e-commerce pages: home, product listing, product details, cart, sign-in and registration, billing details, purchase confirmation and the user account.

I designed desktop and mobile layouts in parallel so the whole site would be responsive and the designs could provide a practical foundation for development.

Design decisions

I kept the typography consistent with the main Studio Nauczania website so the store would remain a recognisable extension of the brand. Open Sans remained the heading typeface, while I used Montserrat for body text and interface elements.

I extended the palette with additional shades for backgrounds, text and primary actions. This preserved the brand colours while allowing combinations that take WCAG contrast requirements into account.

Akademia colour palette and typography
Akademia - desktop and mobile layouts

From selection to purchase

The product page needed to help users decide whether the material suited their needs. I organised information about the content and its purpose, keeping the price and add-to-cart action prominent. The rest of the checkout follows familiar e-commerce patterns, with a clear order summary and next steps.

Access after purchase

The user journey doesn't end at payment. I designed a library of purchased e-books and an order history so the materials would have a permanent, easy-to-find home. Desktop and mobile layouts were developed in parallel, with the same functionality and a hierarchy adapted to each screen size.

Purchased e-book library - desktop

Results and reflections

I designed the complete e-book shopping journey, from browsing and choosing materials to payment and access to purchased files. The desktop and mobile layouts combine the character of Studio Nauczania with an organised store interface.

The main challenge was to keep the brand recognisable while adapting it to e-commerce. Visual consistency had to work alongside a clear offering, a predictable checkout and easy access to materials afterwards.

The store is live. The designs in this case study show my UX/UI work; some solutions differ in the production version.

Image preview

100%

Loading image…

Zoom using the buttons, mouse wheel or two fingers. Drag the image to explore details. Click the image to zoom in or return to the initial view.