Mockup: Creating The Landing Page

Mockup is a native iOS, iPadOS, and macOS design tool used by over 636k designers to sketch, wireframe, and prototype ideas.
As the product matured, its marketing website needed to evolve into a clear, conversion-focused entry point that could communicate its value and differentiate it in a crowded design tools market.

Timeline

January-June 2025

Platforms

Web

Project under

Apprime Studio

Role

Web Designer & Builder

Team

Founder / Manager
1 Copywriter

Strategic positioning

Mockup sits between multiple categories: wireframing tools, UI design tools, and native Apple ecosystem apps. Existing competitors each emphasized different value propositions, making it unclear how Mockup should present itself.

——————————————————————————————————————————————————————————————————————————————————————————--——————————--———

The goal was to

1

Define a clear and differentiated positioning

2

Communicate value quickly to new users

3

Structure the website to drive conversion, not just awareness

Defining the design strategy

I analyzed competitor websites to understand how they

1

Framed their value proposition

2

Structured information

3

Guided users toward action

Clear patterns emerged

Very few emphasized speed, simplicity, and native integration together

Clear patterns emerged

Very few emphasized speed, simplicity, and native integration together

This led to defining Mockup’s positioning as a fast, native design tool focused on clarity, iteration, and ease of use.

Exploration & direction setting

I translated the positioning into a content architecture that guides users through a clear story

1

Immediate value proposition (hero)

2

Product capabilities (what you can do)

3

Differentiators (why it’s better)

4

Social proof / credibility

5

Conversion (clear call to action)

I translated the positioning into a content architecture that guides users through a clear story

1

Immediate value proposition (hero)

2

Product capabilities (what you can do)

3

Differentiators (why it’s better)

4

Social proof / credibility

5

Conversion (clear call to action)

The structure was designed to

1

Reduce cognitive load

2

Progressively reveal information

3

Reinforce the core message at multiple points

The structure was designed to

1

Reduce cognitive load

2

Progressively reveal information

3

Reinforce the core message at multiple points

Impact

38%

CTA Conversion Rate

3 Minute

Average session duration

Only publicly released work is shown. Internal explorations remain confidential.

Mockup is a product of Apprime Studio. All designs and trademarks belong to their respective owners.