HOME
BACKĀ TOĀ TOP

KARMY

Landing page concept for a charity and donation management service

client
Karmy
role
Web designer
completion
3 weeks, 2023
Landing page design
Responsive design
Branding
Illustration
šŸ‘ TL;DR

Setup

team
Business analyst, Developer, šŸ™‹ Designer
tools
Miro, Figma, Adobe Photoshop, Adobe Illustrator

The challenge

The goal was to design a landing page concept for a personalized philanthropy platform that makes giving more meaningful, transparent, and community-driven. The vision was to turn philanthropy into a fulfilling experience by simplifying the process, showcasing impact, and celebrating donors’ contributions. My task was to build on the existing brand foundation and translate that vision into a clear, engaging first impression.
01
Information architecture &Ā general style

Testing layout ideas and overall look and feel

I have sketched down two versions of the layout of various sections and picked two options to pick from in terms of look and feel: rounded hand-drawn shapes versus geometric ones inspired by neo brutalism style, that is more in line with the direction picked by the previous deisgner.

In a team review we decided to proceed with the geometric concept and confirmed the section priority.

02
VISUALĀ LANGUAGE

Typography & color

I joined the project after initial scoping and early development had been completed by another designer, who had drafted the first version of the Savings feature and scheduled user interviews. After onboarding, I stepped into the interview phase to deepen my understanding of the target audience, support analysis, and familiarize myself with the product ecosystem.

Font & colors

Visual elements &Ā illustrations

I joined the project after initial scoping and early development had been completed by another designer, who had drafted the first version of the Savings feature and scheduled user interviews. After onboarding, I stepped into the interview phase to deepen my understanding of the target audience, support analysis, and familiarize myself with the product ecosystem.

Illustrations
05
APPĀ CONCEPTS
SCREEN 1

Homescreen

As a user I want to be able to see my fund status and how close I am to achieving my goal

As a user I want to be able to see my impact score

As a user I want to be able to see my total donations

As a user I want to be able to see recommended charities

As a user I want to be able to filter charities by location range

Mockup
SCREEN 3

Charity profile

As a user I want to be able to see trending, featured and recommended charities

As a user I want to be able to see the charity’s name, description, impact score

As a user I want to be able to donate to the charity of choice from this screen

Mockup
Mockup
SCREEN 2

User profile

As a user I want to be able to see my name, short bio and interests

As a user I want to be able to see my donation stats

As a user I want to be able to see my badges

As a user I want to be able to see my donation historyAs a user I want to be able to edit my profile

Mockup
SCREEN 2

Marketplace

As a user I want to be able to see trending, featured and recommended charities

As a user I want to be able to see the charity’s name, description, impact score

As a user I want to be able to donate to the charity of choice from this screen

Showcasing the app

The Karmy team wanted to showcase the app to communicate the core features in a more visual and transparent way. We have scoped out 4 core features/screens: homescreen, profile, market place and charity detail page. The team has also prepared use cases and thoughts on how these features should work, which I translated into user stories before sketching down the designs.

Home
App concept
Marketplace
App concept
Charity profile
App concept
User profile
App concept
06
LANDING PAGE HIGH FIDELITY DESINGS

Desktop and mobile responsive layout

After we reviewed all the section layout variations, color block order and imagery we have confirmed the final layout for the desktop version, which has then been modified into a mobile-friendly version.

Mockup

Related projects