User interfaces

A webpage with a yellow background, featuring a purple bottle on a pedestal and a repeating pattern of purple bottles.

We have an exceptional amount of experience in user interface design: over the past 20 years, we have designed countless responsive websites, e-learning courses, mobile game user interfaces – even for Apple Vision Pro. In addition to visual design, we can also build websites from scratch using Webflow. This way, you get a fully customised, modern, and user-friendly website that you can easily update yourself 24/7.  

Projects on this page

Lehtipiste.fi
Napaschool.fi
A webpage with a yellow background, featuring a purple bottle on a pedestal and a repeating pattern of purple bottles.
A laptop with NAPA School's website open, surrounded by a book, phone, wristwatch, notebook, and mouse on the table.
Lehtipiste logo with a blue circle inside a red square and menu options including magazines, newspapers, books & paperbacks, and collectibles & trend products.

Websites

A job page with a search function by job title and location, listed jobs with images and information, as well as information about the company and its services.

Recruitment company Armstrong's website with an animated hero section.

A MacBook Pro laptop displaying the GEONA website on its screen, which advertises healthy soil for a dream home and encourages requesting a quote.

Desktop and mobile views of the website proposal made for Geona.

The homepage of the Vapaus website, featuring a large heading 'Make a good move' and two buttons for company bikes for employers and employees, with an image of a cute white character with bunny ears.

We designed Vapaus's original website, blog, and online store using Webflow.

Labroc's homepage, featuring the title 'Laboratory for the Lifecycle of Construction' and service areas: asbestos and hazardous substances, indoor air, concrete, and environment.

Visual design of the website for the laboratory Labroc.

CDK Guide - a comprehensive guide to using AWS Cloud Development Kit for building cloud infrastructure as code, including modules from core principles to advanced concepts and practical examples.

Visual design of the CDK Guide website.

Projects

Client

Lehtipiste

Expand
Expand

Starting point

‍

Riesen Design was pleased to participate in the redesign of Lehtipiste's website in collaboration with Pinto. We designed the user interface for the new online service based on Lehtipiste's recently updated visual identity.

‍

The functionalities of the previous website, designed in 2016, were still up-to-date, but the user experience was perceived as rigid and cumbersome. The platform also needed to be updated to make content management smoother.

‍

‍

Solution

‍

We designed high-quality and clearly navigable pages that delight and serve all user groups equally.

‍

‍

Our part

‍

  • User interface design
  • Wireframes/user journeys

‍

‍

Project planning: Pinto

Technical implementation: Coredo

Lehtipiste logo with a blue circle inside a red square and menu options including magazines, newspapers, books & paperbacks, and collectibles & trend products.

Challenge

‍

No sense of experience or inspiration – a catalog-like appearance.

Solution

‍

We broke the product grid by bringing attractive, photographic product highlights to the homepage.

Magazine covers and prices, including Iltalehti, Ilta-Sanomat, Kunto Plus, Daphne's Diary, Mountain Bike, Linux Magazine UK, Allas, Aeroplane Monthly, Fly Fishing & Fly Tying, Året Runt, Das Neue Blatt, and Svensk Damtidning.
A boy sits on a sofa laughing and holding cards in his hand, with attractive collectible card packs like Super Mario and Hello Kitty below.

Challenge

‍

Difficult navigation, cumbersome search and sorting.

Solution

‍

We simplified the navigation: product listings are filtered in real-time by product group, search, and language.

Online store menu and homepage, showing the Mindful Mandalas colouring book and several product categories.
Online store homepage for magazines and books, showing a search bar, language menu, and categories on the left.

Challenge

‍

Outdated look that does not represent Lehtipiste.

Solution

‍

We created a fresh and appealing layout that aligned perfectly with the new brand.

The Lehtipiste website homepage, showing magazines, books, and an advertisement with the text 'inspiration for well-being'.
A woman sits at a cafe table reading a magazine, with a cup of coffee next to her, and the Lehtipiste website interface in the background.
The Lehtipiste website interface, featuring a logo, search bar, and simplified category menu on the left, a woman reading a magazine with a coffee cup in the center, and a top menu and product display at the bottom.
Two people reading a magazine on a sofa, and a screen displaying new magazines and a Lehtipiste search on a map.
The website's magazine selection, featuring a category menu on the left and covers and prices of various magazines arranged in a grid on the right.
The women's magazine section of the Lehtipiste website, featuring the cover of Me Naiset magazine, priced at 2.90 euros, along with product information.
An email address notification box for subscribers about a new publication on the Lehtipiste website.
Six news article preview cards with titles and images, such as stacked newspapers, a man reading, and stacked books.
Two smartphones, the left one showing the Lehtipiste online store homepage with images and products; the right phone displaying the Lehtipiste menu and news magazines.
Lehtipiste website mobile navigation, where the menu includes magazines, newspapers, books, collectibles, other products, for consumers, for partners, news, about us, and contact information.
A MacBook Pro displaying the Lehtipiste website, which includes an image of a smiling woman reading a magazine at a coffee table.

"Riesen Design designed the visual identity for Lehtipiste's website, and the collaboration was smooth from the start. The unique characteristics and needs of our business were well understood, and we successfully created a fresh, timeless look for the pages that perfectly supports our brand. The pages flexibly serve us in customer communication and make information presentation clear and easily accessible."

Anna-Leena Raita

Selection director, Lehtipiste

Project

Napa School

Expand
Expand

Starting point

‍

Riesen Design had the pleasure of implementing Napa School's own website with the pleasant team at Napa Agency. Napa School is an education and consulting service that provides content for businesses seeking artists' creative input, professional artists, and consumers alike. Through the new website, it is easy to book live or remote workshops on topics such as embroidery, collage, or even face painting. Inspiration can also be found in the extensive image gallery and Napa School's Instagram posts.

‍

‍

Solution

‍

The pages were implemented with Webflow – a tool that enables the creation of fully customized websites without coding. Webflow still generates very clean code in the background, and custom code can be added to the pages if needed. This gives the designer full control from the layout phase to the final result, and updating content is easy for the client.

‍

‍

Our part

‍

  • User interface design
  • Technical implementation
The Napa School website homepage, featuring a purple heading, a navigation bar, and information about education and consulting services for artists, businesses, and communities.
A laptop with NAPA School's website open, surrounded by a book, phone, wristwatch, notebook, and mouse on the table.
Three sections of the Napa School website: remote workshop, Napa School - education and consulting, each with its own background colour and content.
Craft supplies, such as green ribbon, scissors, a green pen, knitting needles, and heart-shaped paper cutouts, on a white background, with the text 'NAPA School Tekemisen meininki' in the middle.
Three Napa School website screens side-by-side: Live workshop, gallery, and inspiration, featuring images, text, and buttons.
A workshop titled 'Letter Graffiti', with Antti Kalakivi as the instructor and a duration of 90 minutes.
A colourful flower wreath on a pink background with the text '05/2018 KUKKASEPPELE Marjo Maininki'.
Mobile view of the Napa School page, showing letter graffiti being painted and a menu with options: About Us, Remote Workshop, Live Workshop, Consulting, Gallery, and Inspiration.
A laptop, tablet, and smartphone displaying the Napa School website and remote workshop pages on a white background, with a green plant on the left.

We do that too

Logos & visual identities

An open book with purple graphic symbols and three colour blocks: black, yellow, and red.

Illustrations & characters

A colourful abstract painting on paper, with purple paint ink, on an easel.

Packaging & product images

A purple bottle with an ornamental label and cap in shades of orange and yellow.

Animations

A repeating pattern of purple-toned bottles on an orange background, with a white circle in the middle featuring a purple play button.

Comprehensive graphic design services — ‍hassle-free, straight­forward, and cost-effective.

Request a quote or ask for more information about our services and pricing by sending us a message. We will respond by the next business day at the latest.

Contact us