Building A User-Centric Website From The Ground Up

Design based on facts, not vibes. Here’s why UX research matters ↓ Skipping UX research when designing a website is like assembling IKEA furniture without the instructions. Sure, you might end up with a chair, but will it hold your weight—or will it wobble until it collapses? UX research isn’t just another box to check. It’s the foundation that keeps everything from falling apart. Without UX research, you’re designing based on vibes, not facts. And that’s how “cool” designs end up confusing users, tanking conversions, and turning into “oh no” moments after launch. So, what does UX research actually do? → Spot user pain points before they become your pain points. → Prioritize features and designs using real data instead of educated guesses. → Create experiences users love, not just tolerate. → Boost key metrics like engagement and conversions (because let’s be honest, that’s the end goal). So, how do you make UX research happen? By staying curious, asking great questions, and using the right tools: 𝗨𝘀𝗲𝗿 𝗶𝗻𝘁𝗲𝗿𝘃𝗶𝗲𝘄𝘀 Talk to real humans—ask them what’s frustrating, what’s working, and what they need. You’ll learn more in one conversation than you will from staring at analytics. 𝗨𝘀𝗮𝗯𝗶𝗹𝗶𝘁𝘆 𝘁𝗲𝘀𝘁𝗶𝗻𝗴 Put your design in front of users early. Watch where they click, hesitate, or get stuck. Sure, it’s humbling—but it’s also how you fix things before they become disasters. 𝗦𝘂𝗿𝘃𝗲𝘆𝘀 Fast, efficient, and a great way to confirm (or shatter) your assumptions. 𝗛𝗲𝗮𝘁𝗺𝗮𝗽𝘀 Find out where users click, scroll, and hover. They’ll tell you exactly where your design nails it or falls flat. 𝗔/𝗕 𝘁𝗲𝘀𝘁𝗶𝗻𝗴 When you can’t decide between two options, let users vote with their actions. Data > opinions. 𝗖𝗼𝗺𝗽𝗲𝘁𝗶𝘁𝗼𝗿 𝗮𝗻𝗮𝗹𝘆𝘀𝗶𝘀 No, it’s not copying—it’s learning what works in your industry and where you can stand out. 𝗝𝗼𝘂𝗿𝗻𝗲𝘆 𝗺𝗮𝗽𝗽𝗶𝗻𝗴 Walk in your users’ shoes. Every step of the way. From discovery to conversion, figure out where they’re thrilled and where they’re frustrated. Here’s the bottom line: Fixing problems post-launch is a headache you don’t need. UX research saves you time, money, and the embarrassment of explaining why users can’t figure out your shiny new design. Build websites that don’t just look good—build ones that work for your users and your business. --- Follow Jeff Gapinski for more content like this. ♻️ Share this to help someone else out with their UX research today #UX #webdesign #marketing

During meetings with stakeholders, we often hear about 𝒓𝒆𝒅𝒖𝒄𝒊𝒏𝒈 𝒃𝒐𝒖𝒏𝒄𝒆 𝒓𝒂𝒕𝒆𝒔, 𝒊𝒏𝒄𝒓𝒆𝒂𝒔𝒊𝒏𝒈 𝒓𝒆𝒕𝒆𝒏𝒕𝒊𝒐𝒏, 𝒂𝒏𝒅 𝒐𝒑𝒕𝒊𝒎𝒊𝒛𝒊𝒏𝒈 𝒄𝒐𝒏𝒗𝒆𝒓𝒔𝒊𝒐𝒏 𝒇𝒖𝒏𝒏𝒆𝒍𝒔. If you're feeling confused and overwhelmed about how to do all of this, you're not alone. Here's something for those new to the world of metric-driven design. Trust me, your designs can make a real difference :) 𝗙𝗶𝗿𝘀𝘁 𝘁𝗵𝗶𝗻𝗴𝘀 𝗳𝗶𝗿𝘀𝘁, 𝗴𝗲𝘁 𝘁𝗼 𝗸𝗻𝗼𝘄 𝘆𝗼𝘂𝗿 𝘂𝘀𝗲𝗿𝘀 𝗔𝗡𝗗 𝘁𝗵𝗲 𝗯𝘂𝘀𝗶𝗻𝗲𝘀𝘀 → Talk to real users. Understand their pain points. But also, grab coffee with the marketing team. Learn what those metrics mean. You'd be surprised how often a simple chat can clarify things. 𝗠𝗮𝗽 𝗼𝘂𝘁 𝘁𝗵𝗲 𝘂𝘀𝗲𝗿 𝗳𝗹𝗼𝘄 → Sketch it out, literally. Where are users dropping off? Where are they getting stuck? This visual approach can reveal problems you might miss otherwise and which screens you need to tackle. 𝗞𝗲𝗲𝗽 𝗶𝘁 𝘀𝗶𝗺𝗽𝗹𝗲, 𝘀𝘁𝘂𝗽𝗶𝗱 (𝗞𝗜𝗦𝗦)→ We've all heard this before, but it's true. A clean, intuitive interface can work wonders for conversion rates. If a user can't figure out what to do in 5 seconds, you might need to simplify. 𝗕𝘂𝗶𝗹𝗱 𝘁𝗿𝘂𝘀𝘁 𝘁𝗵𝗿𝗼𝘂𝗴𝗵 𝗱𝗲𝘀𝗶𝗴𝗻 → Trust isn't built by security badges alone. It's about creating an overall feeling of reliability. Clear communication, consistent branding, and transparency go a long way. 𝗠𝗮𝗸𝗲 𝗶𝘁 𝗲𝗻𝗴𝗮𝗴𝗶𝗻𝗴 → Transform mundane tasks into engaging experiences. Progress bars, thoughtful micro-animations, or even well-placed humor can keep users moving forward instead of bouncing off. Remember, engaged users are more likely to convert and return, directly impacting your key metrics. 𝗧𝗲𝘀𝘁, 𝗹𝗲𝗮𝗿𝗻, 𝗿𝗲𝗽𝗲𝗮𝘁 → Set up usability tests to validate your design decisions. Start small - even minor changes in copy or button placement can yield significant results. The key is to keep iterating based on real data, not assumptions. This approach improves your metrics and also sharpens your design intuition over time. 𝗗𝗼𝗻'𝘁 𝗿𝗲𝗶𝗻𝘃𝗲𝗻𝘁 𝘁𝗵𝗲 𝘄𝗵𝗲𝗲𝗹 → While it's tempting to create something totally new, users often prefer familiar patterns. Research industry standards and find data around successful interaction models, then adapt them to address your specific challenges. This approach combines fresh ideas with proven conventions, enhancing user comfort and adoption. Metric-driven design isn't about sacrificing creativity for numbers. It's about using data to inform and elevate your design decisions. By bridging the gap between user needs and business goals.

Key learnings from 8+ Years of Customer-First Design 💡 1. Understand the customer’s pain points deeply: The most successful products don’t just solve problems, they solve the right problems. To truly understand what your customers need, immerse yourself in their world. Conduct deep, qualitative research, listen to their stories, and build empathy. Every feature, decision, and design should stem from this fundamental understanding. [Lesson]: Invest time in user research and listen to real customer feedback early and often. ___________________________________ 2. Agility is key, but don't compromise on quality: Startups require you to iterate fast, but a “move fast and break things” mindset shouldn’t come at the expense of delivering a seamless experience. Customers today expect a polished product, even in beta. Striking a balance between agility and quality requires thoughtful prioritisation of features and a focus on minimum viable experiences rather than just minimum viable products. [Lesson]: Create customer delight by balancing speed and quality, focusing on small but meaningful wins. ___________________________________ 3. Personalisation enhances customer loyalty: Personalised experiences make customers feel valued. By leveraging user data to tailor content, product recommendations, or communication, you create a more engaging experience. The more relevant your product feels, the more likely users are to stick around and become loyal advocates. [Lesson] Personalise wherever possible, be it through onboarding flows, UX, or content that speaks directly to individual user journeys. ___________________________________ 4. Simplicity is the ultimate sophistication: A customer-first experience should feel intuitive and effortless. Users shouldn't have to think too hard about how to interact with your product. Prioritise simplicity over feature-richness, eliminate unnecessary complexity that confuses users. Always test how users experience your product to ensure it’s frictionless and easy to navigate. [Lesson] Streamline user journeys by simplifying interactions and focusing on clarity over cleverness. ___________________________________ 5. Feedback loops are critical Listening to customers doesn’t stop at launch. You need constant feedback loops, whether through surveys, user testing, analytics, or support channels—to keep improving the product. What worked in the early stages of the startup might need refinement as you scale. Continually refining your product based on direct customer feedback is crucial to long-term success. [Lesson] Build strong feedback loops that keep you connected to customer needs, and iterate based on that insight. Customer-first experiences don’t just happen; they are the result of intentional design, deep empathy, and a commitment to continually evolve based on customer needs. #CustomerFirst #UXDesign #StartupLife #UserExperience #ProductDesign

We just wrapped up the wireframes for a project, and I’d argue that it’s the most crucial step of designing a website. It isn’t just about sketches, it defines what each page says, how we structure it for high conversions and how to prioritize user experience with, clarity, and content placement. Here are a few practices that always work for us when we wireframe: 1. Aligning your goals upfront for every single page. Is it lead generation or education or trust-building? For example, a product page design should always push users toward a purchase, but an about page gives you the sneak peak of your journey and why an investor or future team member should join you. 2. Simplifying navigation for clear paths to conversion. Map out which user journey to Educate → Build Trust → Convert. Leave out information to guide the user based on the kind of information they’re looking for. Nobody needs to see technical details of your hardware product, when they’re still trying to figure out what the offering is. When they are convinced about the solution, then they’ll looks for technical details during decision making. 3. Clear visual hierarchy to emphasize key elements using size, contrast, and placement. Something I like to do often is to squint my eyes and see what’s standing out? This is how our brain works to process information, we scan first then read. We craft clear headlines and sub-headlines to make sure that the key information is understood , even when people scan. 4. Test multiple variations of the same sections Everything is negotiable in wireframing, we’re moving sections around, CTAs, playing with headlines. This helps us focus on identifying content and structure that works, rather than get distracted by visuals. 5. And finally my favorite step : Chop off excess content from 100 words to <25 words. A landing page for a green ammonia startup might have a paragraph like: Before Wireframing: "Our on-site green ammonia production solution utilizes renewable energy to produce ammonia from nitrogen and water, without emitting harmful CO2. This process is essential for decarbonizing the fertilizer and energy sectors, helping industries transition to a cleaner, more sustainable future. We’re contributing to global efforts to combat climate change and secure a sustainable food and energy supply." After Wireframing: Headline: "Scale profitably with green ammonia" Subheading: "We reduce shipping costs and create a reliable source of ammonia production while decarbonizing your supply chain " Make it quicker for users to understand the startup’s impact on sustainability, without unnecessary details. Wireframing is probably the easiest way to align on content, clarity and functionality for each section and a great jumping off point to brainstorm visuals. — I'm Akhila, the founder of What if Design. Here to elevate climate organizations with crisp messaging and visuals on websites, pitches and brands. Reach out to see if we can help!