50 % Promo Landing Page

My Role

Lead Product Designer

UIUX Designer

Task

The task involves designing and developing a promotional landing page for Built’s 50% Discount Campaign, aimed at attracting new users and converting existing prospects. It includes creating an engaging hero section, clear messaging about the offer, persuasive visuals, and an easy call-to-action flow that directs users to sign up or subscribe.

Responsibilities

Wire framing

Visual Design

User Interface Design

User Experience Design

Micro interactions Design

High Fidelity Prototyping

Interaction Design

Tools

Project Duration

1 Week

PROBLEM STATEMENT

Many potential users are unaware of Built’s limited-time 50% discount offer due to low campaign visibility and unclear messaging across digital platforms. As a result, the company faces missed conversion opportunities and reduced engagement from target users. A dedicated, well-designed promo website is needed to clearly communicate the offer, attract attention, and drive sign-ups efficiently.

Solutions

1. Create a dedicated promo landing page that clearly highlights the 50% discount offer and its benefits.

2. Use strong visual hierarchy and engaging graphics to grab user attention instantly.

3. Simplify the sign-up or subscription process to encourage quick conversions.

4. Incorporate clear calls-to-action (CTAs) and countdown timers to create urgency.

5. Ensure mobile responsiveness for accessibility across all devices.

6. Integrate analytics tracking to measure engagement and optimize performance.

Design Process

Test

Observe
Measure
Refine
Improve

I began with a User centered approach involving a mixture of the traditional method and the double diamond approach

Empathize

User Research

Survey

Define

Goals

Wants

Needs

Ideate

Brainstorm
Create
Visualize
Refine

Prototype

Design
Test
Iterate
Validate

Process

1. 1. Research & Discovery

   • Conduct stakeholder interviews with GIZ project managers and target users.

   • Define user needs, goals, and pain points.

   • Develop user personas and user journey maps.

   • Identify core features based on GIZ program objectives (e.g., skills training, jobs, funding, mentorship).

1. 2. Information Architecture & UX Design

   • Create the sitemap and define navigation flow.

   • Develop wireframes for key screens (Home, Courses, Mentorship, Opportunities, Profile, etc.).

   • Ensure accessibility and usability for youth with varying digital literacy levels.

1. 3. Visual Design

   • Define brand color scheme, typeface, and iconography consistent with GIZ’s branding guidelines.

   • Design high-fidelity UI mockups and prototypes for mobile and web platforms.

   • Prepare a design system for consistency and scalability.

1. 4. Prototyping & Testing

   • Build a clickable prototype using Figma.

   • Conduct internal usability testing with 5–10 target users.

   • Collect feedback, identify usability issues, and refine the design.

1. Launch & Handoff

   • Prepare final documentation (Design System + User Flow + Prototype Links).

   • Conduct final review with GIZ stakeholders.

   • Handoff final deliverables for development and deployment.

EMPATHY MAP

I use an empathy map to understand church members’ and admins’ needs, helping me design a solution that improves worship, communication, and management.

THINKS

SAYS

DOES

FEELS

This 50% offer could help me finally try Built’s services at a lower cost.

I wonder if this discount applies to all plans or just specific ones.

Will I still get full features even with the promo?

Clicks through the promo link to explore pricing.

Signs up or subscribes through the promo page.

Returns later to complete sign-up if not ready immediately.

I just need clear information on how to redeem it.

I’ll sign up if the process is quick and straightforward.

I’ll tell my friends or team about this discount.

Excited and motivated to act quickly before the promo ends.

Relieved to see a trusted financial brand offering affordable solutions.

Confident if the experience feels transparent and smooth.

PAIN POINTS

Unclear Promo Details: Users may struggle to understand eligibility, duration, or what the 50% discount specifically covers.

Complex Sign-Up Process: Lengthy or confusing registration forms discourage users from completing the process.

Lack of Trust Indicators: Missing testimonials, security badges, or transparent pricing can create doubts about legitimacy.

USER PERSONAS

1. Ama Boateng — The Startup Owner

Age: 29
Occupation: Founder of a small fashion brand
Location: Accra, Ghana
Tech Proficiency: Intermediate

Goals:

• Wants an affordable way to get a professional website for her brand.

• Aims to increase online visibility and boost sales through digital presence.

Frustrations:

• High cost of web design services.

• Previous designers failed to deliver on time or meet expectations.

• Confused by technical jargon used in most website service pages.

Motivations:

• Sees the 50% promo as a rare opportunity to get value for money.

• Wants her business to appear more credible online.

2. Kofi Mensah — The Freelance Marketer

Age: 34
Occupation: Digital Marketer / Freelancer
Location: Kumasi, Ghana
Tech Proficiency: Advanced

Goals:

• Needs quick, affordable websites for his clients to maintain competitiveness.

• Wants reliable designers he can partner with for repeat projects.

Frustrations:

• Promo websites often lack clear scope or professional quality.

• Hard to find responsive teams that deliver on time.

Motivations:

• Sees Built’s promo as a chance to test quality before long-term collaboration.

• Interested in a seamless, transparent ordering experience.

STYLE GUIDE

TYPEFACE : Circular Std

Expense and income tracking for entrepreneur.

COLOURS :

• Blue

• Deep Blue

• Yellow

#0094FF

#ffb726

#00098a

IN-APP SCREENS

PROTOTYPING

CUSTOM COMPONENTS

Click the button below to view prototype

THANK YOU