User interfaces

A website 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’ve designed countless responsive websites, online courses, and mobile game interfaces—even for Apple Vision Pro. In addition to visual design, we can also build websites from scratch using Webflow. This allows you to quickly get fully customized, modern, and user-friendly sites. You can easily update the pages yourself 24/7.  

Projects on this page

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

Websites

A job listings page featuring a search function by job title and location, job listings with photos and details, as well as information about the company and its services.

The website of the recruitment firm Armstrong, featuring an animated homepage.

A MacBook Pro laptop with the GEONA website displayed on its screen, promoting healthy soil for your dream home and encouraging you to request a quote.

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

Vapaus homepage, featuring a large headline that reads "Make a good move" and two buttons for the employer and employee versions of the employment cycle, accompanied by an image of a cute white character with bunny ears.

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

Labroc's website, titled "Construction Lifecycle Laboratory," features the following service areas: asbestos and hazardous substances, indoor air quality, concrete, and the environment.

Visual design for the Labroc laboratory website.

CDK Guide - a comprehensive guide to using the AWS Cloud Development Kit to build cloud infrastructure as code, featuring modules ranging from core principles to advanced concepts, along with practical examples.

Visual design of the CDK Guide website.

Projects

Client

Newspaper Stand

Expand
Expand

Starting point

‍

Riesen Design was pleased to collaborate with Pinto on the redesign of Lehtipiste’s website. We designed the user interface for the new website based on Lehtipiste’s recently updated visual identity.

‍

The functionality of the previous website, designed in 2016, was still up to date, but the user experience was considered clunky and cumbersome. The platform also needed to be updated to make content management more seamless.

‍

‍

Solution

‍

We designed high-quality, easy-to-navigate pages that delight and serve all user groups equally.

‍

‍

Riesen Design

‍

  • User Interface Design
  • Wireframes/user flows

‍

‍

Project Design:Pinto

Technical implementation: Coredo

The Lehtipiste logo, featuring a blue circle inside a red square, and menu options including magazines, newspapers, books and paperbacks, and collectibles and trendy products.

Challenge

‍

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

Solution

‍

Let’s break up the product grid by featuring eye-catching, visually appealing product bundles on the front page.

Cover images and prices for magazines, 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.
The boy is sitting on the couch, laughing and holding cards in his hands, with charming packs of trading cards like Super Mario and Hello Kitty spread out in front of him.

Challenge

‍

Difficult navigation, clunky search and sorting.

Solution

‍

Let's simplify navigation: the product list is filtered in real time using the product category menu, search, and language.

The online store's menu and homepage, featuring the "Mindful Mandalas" coloring book and several product categories.
The homepage of an online store selling magazines and books, featuring a search bar, a language menu, and categories on the left.

Challenge

‍

A stale expression that does not represent Lehtipiste.

Solution

‍

Let's create eye-catching and fresh web pages that reflect the new brand.

The homepage of the Lehtipiste website, featuring magazines, books, and an advertisement with text about finding inspiration for well-being.
A woman is sitting at a café table reading a magazine; next to her is a cup of coffee, and in the background is the Lehtipiste website interface.
The Lehtipiste website interface, featuring a logo, search bar, and simplified category menu on the left; in the center, a woman is reading a magazine while sipping coffee; the top menu is at the top, and product listings are at the bottom.
Two people reading a newspaper on the couch, and a screen showing new newspapers and a newspaper kiosk search on a map.
The website's magazine selection, featuring a category menu on the left and cover images and prices for 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, the price of €2.90, and product information.
A checkbox for subscribers to provide their email address for notifications of new publications on the Lehtipiste website.
Six preview cards for news articles featuring headlines and images, such as stacks of newspapers, a man reading, and stacks of books.
Two smartphones: the one on the left displays the Lehtipiste online store’s homepage with its images and products; the one on the right shows the Lehtipiste menu and news publications.
The mobile navigation on the Lehtipiste website, 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 features a photo of a smiling woman reading a magazine at a coffee table.

"Riesen Design the visual identity for Lehtipiste’s website, and our collaboration went smoothly from the very beginning. They did an excellent job of understanding the unique characteristics and needs of our business, and succeeded in creating a fresh, timeless look for the site that perfectly supports our brand. The site serves us flexibly in customer communication and makes the presentation of information clear and accessible."

Anna-Leena Raita

Asortment Manager, Lehtipiste

Project

Napa School

Expand
Expand

Starting point

‍

Riesen Design had the pleasure of creating Napa School’s website in collaboration with the wonderful team at Napa Agency. Napa School is an educational and consulting service that provides content for companies seeking creative input from artists, professional artists, and consumers alike. Through the new website, it’s easy to book live or remote workshops on topics such as embroidery, collage, or even face painting. You can also find inspiration in the extensive photo gallery and Napa School’s Instagram posts.

‍

‍

Solution

‍

The site was built using Webflow—a tool that allows you to create fully customized websites without coding. Webflow still generates very clean code behind the scenes, and you can add your own custom code to the pages if needed. This way, the designer retains full control from the layout phase through to the final result, and updating content is easy for the client.

‍

‍

Riesen Design

‍

  • User Interface Design
  • Technical implementation
The homepage of the Napa School website, featuring a purple header, a navigation bar, and information about teaching and consulting services for artists, businesses, and organizations.
A laptop with the NAPA School website open, surrounded by a book, a phone, a watch, a notebook, and a mouse on the desk.
The three sections of the NAPA School website: online workshop, NAPA School instruction and consulting, each with its own background color 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: The Spirit of Doing" in the center.
Three screenshots of the NAPA School website side by side: Live Workshop, Gallery, and Inspiration, featuring images, text, and buttons.
A workshop titled "Letter Graffiti," led by Antti Kalakivi, lasting 90 minutes.
A colorful floral wreath on a light pink background with the text '05/2018 FLORAL WREATH Marjo Maininki'.
The mobile view of the NAPA School page, showing graffiti made of letters being painted and a menu with the following 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 featuring purple graphic symbols and three colored blocks: black, yellow, and red.

Illustrations & Characters

A colorful abstract painting on paper, featuring a purple paintbrush, sitting 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 featuring purple-tinted bottles on an orange background, with a white circle in the center containing a purple play button.

Comprehensive graphic design services — ‍easy, straightforward, and cost-effective.

Request a quote from us 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