udesgn

If your website doesn’t take me through a portal to another dimension, what are you even doing?

#2

The clicks on your CTA are the direct metric that determines your conversions. Why not give it more love?

Common sign-up UI design patterns

Generic registration flows, activate with link or code scenarios, and emails for activate with code/link  

📷: @TessGadd

OKRs and User Story Mapping -- here's how they work together

EPIC Experience Map Figma Template

Use this tool to deeply visualize a customer’s experience:
• pain points
• user actions
• opportunities
• jobs-to-be-done
• emotional journey

All in one place.

💻🎨

DESIGN/MEDIA TIP:
(How to upload your images in 4K)

Go To:

1️⃣ Settings and Privacy

2️⃣ Accessibility, Display & Languages

3️⃣ Data Usage

4️⃣ High-Quality Image Uploads

Turning this on will allow you to upload in 4K, showing more texture and quality in your images 📸

Linear's design is a perfect blend of UI/UX and engineering.

Here're 8 websites inspired by Linear for your next project:

Imagine you had 90 days (~12 weeks) to create a #designsystem from scratch. 

Your team is (all senior-level individual contributors):

• Designer
• Engineer
• Writer
• DesignOps person

How would you allocate their effort over that time?

Here’s how I’d do it:

🧵

Strategic UX Design (How I approach projects).

One of the key steps in the beginning of each project is understanding the user journeys.

The journey is always based on a need. Start mapping out what are the key pages/screens that the user is going through. Then start to look

I've rewritten 300+ websites for startups from pre-seed to unicorn.

Here are my top learnings 👇

If you're looking to start a fresh design system within Figma, here's a jumping off point:

1️⃣ Team for design system
2️⃣ UI Kit project
3️⃣ Separate files for: Styles, Icons, Components
*️⃣ Extra platform-level libraries if your developers are split into platform teams

There's some crazy cool Figma plugins out there.

Here's a list of some of my personal favorites. 👀

App-focused hero or lifestyle-driven? 

We’re exploring two bold approaches to capture user interest right from the landing page hero!

Here is a tutorial on how I created these illustrations in Figma.

Open it (1/6) ⬇️

Spending an extra hour every night trying to learn to develop beyond just vibe coding so I can make this real. 

→ Touch Grass 🍃👈🏼

I've built 60+ apps in my career.

Most designers take 3+ months to complete an app—but I built & shipped this golf app just in 28 DAYS.

Here's my exact process that breaks every UX design rule (and what startups & founders can steal from it):

"North Star Metrics" get thrown around a lot.

But they're really quite painful to figure out.

Steal my curated crash course:
1. Templates
2. A playbook
3. An explanation from another angle
4. Running a North Star workshop (critically important)
5. UX North Stars

Let's go!🧵👇

"As we collect stories and hear about unmet needs, pain points, and desires, we start to collect opportunities where we can positively intervene." - @‌ttorres



#prodmgmt #ux #engineering

💡Figma tips: 5 places my students get stuck when building a component set in Figma..

and how to get unstuck 👇

I have completed 20 hero redesigns so far.

All of them had the same issues affecting their conversion.

So, here are 20 tips to always nail your hero design:

🧵

@SenjaHQ @SupademoHQ @savvycal @memberstack @LiveChat I share simple, common sense threads on landing pages + growing a SaaS

Please support me with a RT of the first tweet if it was helpful

That way I can keep the good stuff coming!

Relume Library components are what you make of them.

I built this feature section found onto prove that point. It only took me a few minutes.

Built using Layout 410

You asked for it. Here it is!

The ultimate guide to design challenges:

🧵