Pilky logo, serif wordmark with a drop on a leaf shaped beige badge

Pilky UI Design

daily boost for focus and calm

Pilky, by MARKAWORKS, is a thoughtfully designed application that empowers users to enhance their daily productivity and well-being. It offers a clean, modern, and intuitive interface, ensuring every interaction is seamless and efficient.

Pilky website home page design with a green hero and a product row of soy, almond and oat milk

A User-Centric Approach to App Design

Our comprehensive design strategy for Pilky focused on understanding user needs and translating them into a clean, modern, and easy-to-navigate interface. We aimed to create an application that users would find indispensable for their daily lives, enhancing their productivity and well-being.

Interface work for a daily use application is decided before any screen is drawn. MarkaWorks began with user research, interviews, and personas, which is what turns a clean layout from a preference into a justified decision. The interface we ended up with is modern and easy to navigate because the navigation was designed around what people actually came to do, and every interaction was kept efficient rather than expressive.

See more web and digital design case studies.

Pilky guideline slides in a grid on cream, from the website projectPilky color palette with Pantone swatches from brown to sage green and leaf shapes

Understanding User Needs and Goals

The initial phase of the Pilky project involved in-depth user research to identify key pain points and desired features. We conducted user interviews and created detailed personas to ensure that the design decisions were grounded in real user needs, paving the way for a truly user-centric application.

Pilky home page design, Flavorful Symphony hero and three product cardsTwo Pilky hero section variants, a photo hero and a green illustrated heroPilky website section design with a monstera leaf photo and Purely Kind Delights headline

Designing an Intuitive User Interface

We developed a clean and modern UI design for Pilky, prioritizing clarity and ease of use. The interface features a minimalist aesthetic with intuitive navigation, ensuring that users can easily access all functionalities without feeling overwhelmed. Color palettes and typography were carefully chosen to create a calming and encouraging user experience.

Five Pilky mobile screens, cart, home hero and product cards on peachPilky about page design with a golden field photo hero and an Our Roots sectionPilky Family sign up section design with a form and a shelf photoPilky about page full design with guiding principles, family form and footerFive Pilky mobile screens for the about page on peach

Crafting a Seamless User Experience

Beyond the visual design, our focus was on creating a seamless and delightful user experience. We mapped out user flows, designed interactive prototypes, and conducted usability testing to refine the application’s functionality. The goal was to make every interaction with Pilky feel natural and efficient, encouraging consistent engagement.

Pilky almond milk product page design with ingredients and nutrition rowsPilky benefits section design with four photo tiles on creamPilky reviews section design with a portrait card and an Experience Pilky photo gridFive Pilky mobile screens for the product page on sage greenPilky shop all page design with a pea pod hero and product rows

Mobile-First Design and Responsiveness

Adhering to a mobile-first design philosophy, we ensured that Pilky offers an exceptional experience across all mobile devices. The design is fully responsive, adapting beautifully to different screen sizes and orientations. This approach guarantees that users have a consistent and high-quality experience whether they are using a smartphone or a tablet.

Pilky fresh arrivals and reviews section design with three cartonsFive Pilky mobile screens for the shop page and menu on peachPilky learn page design with a leafy hero and trending article cardsPilky article list design with recipe and journal post cardsPilky article page design, Sip by Sip headline with plant and water photosPilky article section design with two carton photos and text columnsFive Pilky mobile screens for the learn page and article on sage greenPilky cartons in an arched wall niche beside a vertical Pilky sign in 3D

Let’s make the work they’ll copy.

Talk to an expert now
MarkaWorks team members

Work with a 38 team of the
industry’s top 1% talent.

drinkFoodlanding pagemilkPlant Basedui designveganWebWeb DesignWebdesign