Royal Ice

Royal Ice

Royal Ice

Website Design for an Ice Cream Supplier

Royal Ice is a company specializing in ice cream production that needed a modern, engaging website to attract new customers and replace their outdated design. As a UX/UI Designer, I was tasked with creating a new website based on a WordPress template, customized in Elementor, with new graphics and refreshed branding.

Royal Ice is a company specializing in ice cream production that needed a modern, engaging website to attract new customers and replace their outdated design.

Client

Freelance

My role

Visual Design

UI & UX Design

Graphic Design

Scope of Work

WordPress website creation & Elementor Customization, Visual Design and Branding, Content Structuring, Collaboration with Developer.

Date

January 2025

Project Overview

The problem

The previous website was outdated, contained excessive unnecessary text, too many colors, and was overwhelming for users. It lacked consistent visual identity and failed to reflect the professional nature of the company.

The Goal

To redesign the website to create a modern, visually appealing, and user-friendly platform that effectively highlights Royal Ice's products, promotions, and business values. The new design would improve navigation, drive customer engagement, and enhance the brand’s online presence, ensuring a seamless browsing experience across all devices.

Competitive Audit

I analyzed websites of other ice cream manufacturers, focusing on industry trends, product presentation methods, and overall aesthetics. I noticed a trend toward clean, minimalist designs with striking product images.

User Needs

Since this was a small business website, user needs were straightforward: find the product information quickly, see prices clearly, check opening hours, and navigate easily on mobile.

Quick access to product information

Product specifications, visual representation, intuitive product navigation.

Easy-to-find contact details

Multiple contact channels, business hours, location details, contact persistence.

Clear presentation of offerings

Professional image inspiring trust, logical product categorization, special offers, brand consistency, company heritage, transparency.

Access to the site on mobile devices

Responsive design, touch-friendly navigation, optimized media.

User Needs

Since this was a small business website, user needs were straightforward: find the product information quickly, see prices clearly, check opening hours, and navigate easily on mobile.

Quick access to product information

Product specifications, visual representation, intuitive product navigation.

Easy-to-find contact details

Multiple contact channels, business hours, location details, contact persistence.

Clear presentation of offerings

Professional image inspiring trust, logical product categorization, special offers, brand consistency, company heritage, transparency.

Access to the site on mobile devices

Responsive design, touch-friendly navigation, optimized media.

Problem Statements

Anna

Anna is a busy café owner who needs a reliable and transparent ice cream supplier with clear product information and straightforward ordering processes because she wants to maintain consistent quality for her customers while efficiently managing her limited time and resources.

Marek

Marek is a mobile ice cream business owner who needs a flexible supplier with transparent bulk pricing and accommodating order volumes because he wants to scale his seasonal business while maintaining the premium quality that differentiates his brand in the competitive market.

Personas

I created two personas that represent the common needs of the users. These personas help in understanding key pain points and goals, allowing for more targeted solutions that align with user expectations.

User Needs

Since this was a small business website, user needs were straightforward: find the product information quickly, see prices clearly, check opening hours, and navigate easily on mobile.

Quick access to product information

Product specifications, visual representation, intuitive product navigation.

Easy-to-find contact details

Multiple contact channels, business hours, location details, contact persistence.

Clear presentation of offerings

Professional image inspiring trust, logical product categorization, special offers, brand consistency, company heritage, transparency.

Access to the site on mobile devices

Responsive design, touch-friendly navigation, optimized media.

Problem Statements

Anna

Anna is a busy café owner who needs a reliable and transparent ice cream supplier with clear product information and straightforward ordering processes because she wants to maintain consistent quality for her customers while efficiently managing her limited time and resources.

Marek

Marek is a mobile ice cream business owner who needs a flexible supplier with transparent bulk pricing and accommodating order volumes because he wants to scale his seasonal business while maintaining the premium quality that differentiates his brand in the competitive market.

Problem Statements

Anna

Anna is a busy café owner who needs a reliable and transparent ice cream supplier with clear product information and straightforward ordering processes because she wants to maintain consistent quality for her customers while efficiently managing her limited time and resources.

Marek

Marek is a mobile ice cream business owner who needs a flexible supplier with transparent bulk pricing and accommodating order volumes because he wants to scale his seasonal business while maintaining the premium quality that differentiates his brand in the competitive market.

Project Goals

By synthesizing user research, key insights were identified, forming the foundation for the Royal Ice' core values.

Modern Brand Identity

Redesigned the outdated website to reflect a clean, premium look that aligns with the quality of Royal Ice’s products. Focused on minimalism, cohesive visuals, and a consistent, professional brand voice.

Redesigned the outdated website to reflect a clean, premium look that aligns with the quality of Royal Ice’s products.

Improved UX & Navigation

Restructured the site architecture to make browsing intuitive and product discovery effortless. Simplified menus and emphasized quick access to key business info.

Restructured the site architecture to make browsing intuitive and product discovery effortless.

Full Responsiveness

Ensured the site works seamlessly across all devices, especially mobile. Focused on user-friendly layouts and mobile-specific interactions like tap targets and click-to-call.

Ensured the site works seamlessly across all devices.

Business-Oriented Features

Business

Features

Implement an intuitive e-commerce system, design an informative FAQ section, Develop an interactive "Potential Calculator" for estimating product needs.

Prototype

WordPress Template Selection and Customization

I selected a WordPress template "Astra" that best suited the project's needs and began customizing it using Elementor.

Custom Graphics Creation

I designed new product graphics, ensuring visual consistency and attractive presentation of ice cream products.

Collaboration with Developer

Collaboration

with Developer

I worked closely with the developer responsible for the backend to ensure proper functioning of all technical elements of the site.

Brand Refresh

I modernized visual identity elements, maintaining brand recognition while giving it a contemporary update.

I gathered informal feedback from the client and a few users. Based on that, I simplified the menu categories and made the mobile version more scannable.

Design System

To ensure visual consistency and streamline the design process, I developed a custom design system tailored to the needs of this project.

Output

Redesign Impact

  • I learned to design effectively within real-world time and budget constraints.

  • I improved my ability to prioritize and make clear, user-focused design decisions.

  • Working in WordPress taught me to create UI that is both visually strong and technically feasible.

  • Designing mobile-first helped me simplify navigation and make key actions easier to access.

Existing Clients

Existing clients began using the site as a convenient tool for placing orders, increasing retention and repeat purchases.

New Clients

The redesign improved clarity and user experience, attracting new clients and expanding the customer base.

1,800 Visits on Launch

The site attracted 1,800 visits from the very beginning, demonstrating immediate user interest.

Higher Sales

Enhanced clarity and usability of the site led to higher conversion rates, stronger engagement, and a measurable increase in revenue.

Redesign impact

  • I learned to design effectively within real-world time and budget constraints.

  • I improved my ability to prioritize and make clear, user-focused design decisions.

  • Working in WordPress taught me to create UI that is both visually strong and technically feasible.

  • Designing mobile-first helped me simplify navigation and make key actions easier to access.

Redesign impact

  • I learned to design effectively within real-world time and budget constraints.

  • I improved my ability to prioritize and make clear, user-focused design decisions.

  • Working in WordPress taught me to create UI that is both visually strong and technically feasible.

  • Designing mobile-first helped me simplify navigation and make key actions easier to access.

Create a free website with Framer, the website builder loved by startups, designers and agencies.