I use Lightning Demos (part of the Job Sprint method) as way to help generate ideas and inspiration method. I facilitate a workshop with the team to look at great solutions from a range of companies and industry. The goal is using existing ideas to remix and improve. We're searching for existing ideas we can use to inform your solution. It's like playing with Lego bricks: first gather useful components, then convert them into something original and new. 1. Look for inspiration & other products online 2. List sources, capture screenshots (minimum 3 examples each, individually) 3. Present to the team and facilitator writes down the big idea This gives me a sense of what the team wants in their website (sections, content, style) and serves as inspiration to help me move onto the design.
Creating an effective webpage always starts with the user. We have to think about their needs, priorities, and how they utilize and navigate websites. For me, user stories are an invaluable design thinking tool that helps me fully understand the user and their specific context before I begin the design stage. By anchoring the design in specific user needs, user stories ensure that the final product isn't just aesthetically pleasing, but genuinely useful and user-centric. They transform abstract user research into tangible design requirements, making the design process more focused and intentional.
SCAMPER (Substitute, Combine, Adapt, Modify, Put to Another Use, Eliminate, Rearrange) is a design thinking method I often use. This framework is very ideal for coming up with new ideas and changing an existing web design. The use of each prompt encourages a systematic way to reframe the questioning and reimagining design elements through application to a particular feature or problem. For Instance, you might want to replace (Substitute) a carousel with static images or combine (Combine) a navigation bar and search bar to make it simpler. As an example, when I redesigned a client portfolio website, the gallery was cluttered and confusing so I applied SCAMPER. With the method, we replaced (Substitute) static thumbnails with hover activated previews, combined (Combine) the bio and project details into a single modal for better context, and removed (Eliminate) redundant "About Me" links strewn across the site. The changes made the design cleaner and easy to navigate, and therefore, better for users. This resulted in a huge increase in engagement. Bounce rates dropped by 30% and users spent more time exploring the client's projects. SCAMPER's structured yet flexible framework was a godsend for uncovering simple, yet impactful improvements that were in line with user needs. A go to tool for producing innovative solutions while refining current designs.
I'll share one design method that transformed how we approach every web project at Origin Web Studios - User Journey Mapping. Picture this: When redesigning a law firm's website, rather than jumping straight into aesthetics, we mapped out how different clients would interact with the site. We created detailed flowcharts showing how a small business owner seeking legal advice would move from the homepage to relevant service pages to contact forms. This revealed several friction points we hadn't considered - like complex legal jargon that confused visitors and a buried contact form that was hurting conversions. By visualizing the user's path, we streamlined the navigation and simplified the language. The result? The bounce rate dropped by 40% and contact form submissions increased by 65%. The key is thinking like your users first, then designing the solution. Start with understanding their needs, map out their journey, identify pain points, and only then move to visual design. This method has helped us create websites that not only look great but actually deliver results for our clients.
One design thinking method that I find invaluable in the web design process is the use of user stories. This tool helps bridge the gap between technical design and user experience by focusing on the needs and goals of the end user. A user story is a simple, informal description of a feature seen from the perspective of the person who desires the new capability. It typically follows the format: "As a [type of user], I want [an action] so that [a benefit/a value]." This structure keeps the team aligned with user needs. For example, in a recent project for a law firm looking to improve client engagement on their website, we developed user stories to capture key interactions. One story might be: "As a potential client, I want to easily schedule a consultation so that I can quickly get legal advice." This narrative helped guide the design of the website's consultation scheduling feature, ensuring it was intuitive and accessible. By utilizing user stories, the design team and stakeholders could prioritize features that deliver genuine value, enhancing both user satisfaction and business goals. This method also facilitated clear communication among designers, developers, and marketing teams, as everyone shared a common understanding of what users need and why. In practice, user stories have proved instrumental in creating user-centric designs that resonate with client audiences. They enable us to craft websites that not only look good but are also functional and effective in meeting user expectations. By starting with the end-user in mind, we can design experiences that foster engagement and drive conversions, ensuring the website serves its purpose effectively.
As a UI UX Strategist and web designer, I frequently employ user story mapping, a design thinking method that helps us visualize the user journey, identify pain points, and prioritize features by breaking down a complex user experience into smaller, more manageable tasks. For example, during a recent e-commerce website redesign, we used user story mapping to identify a common user pain point: difficulty finding specific products. By mapping out the user's journey from initial search to product purchase, we uncovered opportunities to improve the search functionality and product filtering options. This led to a redesigned search bar with autocomplete suggestions and a more intuitive filtering system.
User stories have been my go-to method for over a decade, working with hundreds of clients. The approach is simple: every page of a website must have a clear goal and target audience. I start by asking, "Who is this for?" and "What action do we want them to take?" This clarity ensures the design supports that objective-whether it's booking a call, scheduling an appointment, or making a purchase. For example, I recently used this method on a healthcare website and increased patient bookings by 30%. Breaking a website into small, purpose-driven goals makes the design process more efficient and effective.
One of the design thinking methodologies that I commonly use involves user stories. They enable me to deeply identify with the needs and goals of the end user, which is so crucial in designing intuitive and engaging designs. For instance, during a recent project with an e-commerce website, some of the user stories I created read something like this: "As a busy parent, I want to find baby products and make purchases in record time to save me a lot of time." The story helped provide the direction necessary to develop clear-cut navigation and prominently present the search bar, allowing for swift location of products by the user. Because I paid even more attention to user stories, I managed to make the design decision considering real user needs that led to higher engagement and satisfaction.
One design thinking tool my team and I consistently lean on is User Stories. They're practical and people-centered, which aligns perfectly with how we approach projects. A user story typically follows this structure: "As a [type of user], I want to [goal] so that [benefit]." Here's an example from a nonprofit website redesign project: "As a donor, I want the donation form to be easy and quick so I can contribute without hassle." This one story framed several of our design priorities. We adjusted the homepage to make the "Donate Now" button highly visible in the navigation, advocated for including only donation-relevant questions on the form, and optimized the experience for mobile. Post-launch, the organization saw an increase in online donations. The beauty of user stories is their simplicity-they guide teams to focus on solving real user challenges rather than getting distracted by aesthetics or trends. I believe user stories are invaluable because they bridge design thinking with actionable goals that matter to our team as we're designing and developing as well as the users and clients.
Hi That's a great topic, and as a digital agency owner in Toronto I can add my 2 cents. When it comes to web design, one tool I swear by is User Stories. They're a simple yet powerful way to ensure the websites we build truly serve the people using them. For me, it's all about putting myself in the user's shoes and designing with their needs in mind. Smashing Golf: A Real-Life Example When we worked with Smashing Golf, a golf academy and lifestyle brand, we knew their audience was diverse. They had beginners who were new to golf, parents looking for programs for their kids, and experienced players who wanted to stay updated on tournaments and events. To design a site that worked for all of them, we started with user stories. Here are a few examples we used: 1. As a beginner golfer, I want to quickly find beginner-friendly programs so I can start learning golf without feeling overwhelmed. 2. As a parent, I want to explore junior golf clinics easily so I can find activities for my child. 3. As a mobile user, I want the site to work smoothly on my phone so I can browse and register without any issues. Turning Stories Into Design Using these user stories, we built a site that truly worked for Smashing Golf's audience: 1. A Beginner-Friendly Homepage The homepage was designed to make a great first impression, with clear navigation and direct links to beginner programs. We wanted first-time visitors to feel confident and welcomed. 2. A Family-Focused Section For parents, we added a dedicated section highlighting junior and family-friendly programs. It was all about making their search quick and easy. 3. Mobile Optimization Since a lot of users browse on their phones, we made sure the site loaded fast and looked great on mobile devices. The Results 1. Beginners were signing up with confidence because they could easily find the right programs. 2. Parents loved how simple it was to find and register for family-oriented activities. 3. Mobile traffic increased because the experience was seamless across devices. Why This Matters For me, user stories are more than a design tool-they're a way to stay connected to the people we're designing for. With Smashing Golf, this approach helped us build a site that resonated with their audience and delivered results-and that's what great web design is all about. I hope this helps, Cheers, Kumar Vaibhav Tanwar Founder - Clickworthy PR and Marketing, Toronto
I rely on user stories to guide decision-making throughout the design process. At Metana, when we revamped our online course enrollment flow, we began by writing user stories such as, "As a prospective student, I want to see a detailed syllabus right away so I can quickly judge the program's fit." Using HubSpot's CRM insights, we identified common user pain points and refined these stories, ensuring we prioritized features like clear curriculum outlines and transparent pricing. This method helped us spot missing details early on and correct them before development. In the end, the user stories kept us focused on real-world needs, improving our enrollment conversion rate by about 15% and reinforcing trust with prospective students.
One design thinking method I frequently use is "Personas." Creating detailed user profiles helps me focus on the specific needs and challenges of the target audience. For a recent project involving a medical negligence lawyer website in Dublin, I developed personas based on the likely concerns of clients seeking legal help. This approach allowed me to design a clear, accessible user experience, especially by planning CTAs strategically and ensuring they aligned with the users' intent. By optimizing the design and content for SEO, the site saw a significant increase in Google rankings, alongside a boost in client inquiries.
Wireframes and prototypes are essential tools in web design, allowing us to visualize and refine the user experience before development begins. Wireframes are low-fidelity blueprints of a website, outlining its structure, layout, and basic functionality without detailed design elements. They help define where key elements like navigation, buttons, and content will go. Prototypes, on the other hand, are interactive, high-fidelity representations of the final product, allowing users to interact with the interface, test flows, and provide feedback. At Viptro Digital Marketing Agency, we use wireframes in the early stages to quickly map out the site's structure and test different layout options. Once the wireframe is approved, we move on to prototypes, which help us simulate real-world interactions, ensuring the website functions as intended. This iterative process minimizes costly revisions and ensures a user-friendly, intuitive design, ultimately creating a smoother development phase and a better final product.
One design thinking method I use consistently is user stories. They're simple but powerful for keeping the user at the center of a project. When starting a web design project, I first create user stories to capture what my users want to achieve. A user story typically follows this format: "As a [user type], I want to [action or task] so that [goal or benefit]". This helps me understand the users' needs and goals in plain language. For instance, I worked on designing an e-commerce website for handmade products. One user story was: "As a busy shopper, I want to quickly filter items by category so that I can find gifts without wasting time". This story guided me to design an intuitive filtering system that reduced browsing time significantly. Using user stories ensured I stayed aligned with what really mattered to users, making the design not only visually appealing but also highly functional. It also helped me communicate design choices with the development team more effectively. Ultimately, this approach made the project successful, as the client reported improved user satisfaction and faster checkouts. User stories keep me grounded in solving real problems, and that's why I rely on them in my design process. By mixing user stories with empathy mapping, I'm able to craft designs that genuinely address users' needs, ensuring a more effective and meaningful experience. This approach has consistently helped me deliver results that resonate with both users and clients.
VP of Demand Generation & Marketing at Thrive Internet Marketing Agency
Answered a year ago
I manage a team of web developers, and one of the key design thinking methods I rely on is storyboarding. By mapping out a visual narrative of the user's journey on our website, storyboarding helps us empathize with user needs and identify pain points early in the design process. For example, during a recent e-commerce project, we created a storyboard detailing the steps a user would take to browse, select, and purchase a product. This exercise revealed potential friction points, such as confusing navigation in the checkout phase, allowing us to address them before development began. While storyboarding sets the tone for better design, user testing ensures we refine it. Once our designs reach a functional prototype stage, we conduct user testing with individuals from our target audience. Their feedback provides invaluable insights, highlighting areas we may have overlooked. During the same e-commerce project, user testing helped us discover that users struggled with finding the "apply coupon" button. Their real-time feedback prompted a minor design adjustment that, significantly improved the user experience and conversion rate.
CTO, Entrepreneur, Business & Financial Leader, Author, Co-Founder at Increased
Answered a year ago
Hi, I'm Jason Hishmeh, and as someone who's been building websites for a while, I've found that one of the most helpful tools I turn to again and again is the good old "user story." If you're not familiar with them, user stories are basically short, simple descriptions that capture what a specific type of user wants to achieve on a site. Think of it as stepping into their shoes, imagining their goals, and then mapping out how to help them get there as smoothly as possible. Instead of starting a design project by fussing over what color the header should be or how many columns we need, I try to ground myself in a simple narrative, like: "As a new customer, I want to easily find the right product, so that I can check out and get back to my day." That tiny scenario helps me keep my priorities straight. Suddenly, I'm not just picking a menu style-I'm making sure that the path from homepage to checkout feels natural and efficient. I remember a recent e-commerce project where this approach made a huge difference. We had a sticky point: returning customers complained about needing to re-enter their payment details over and over. Turning that into a user story-"As a returning customer, I want my payment info saved so checkout is quick and painless"-became a no-brainer. It showed me exactly where to focus my energy. By tweaking the login flow and adding a secure, one-click payment option, we ended up boosting conversions and smoothing out a big friction point. Nothing fancy, just directly addressing what the user needed. In the end, user stories help keep my work grounded in reality. They stop me from over-complicating a design with features that look cool but don't actually solve anyone's problems. Instead, I focus on what really matters: helping real people do what they came to do. It might seem simple, but this approach has guided me through countless successful projects, and it continues to shape how I design today.
I'm a big fan of journey mapping when it comes to web design. It's all about stepping into the user's shoes and mapping out their experience from start to finish. This method helps me understand what users feel, think, and do at every stage while interacting with a website. By visualizing their journey, I can identify pain points, moments of frustration, or even areas where they feel delighted. It's an excellent way to make sure every decision aligns with creating a seamless and positive user experience. For example, I recently worked on a redesign for an online clothing store. Through journey mapping, we discovered that users often abandoned their carts during checkout because the process felt overwhelming with too many steps. By streamlining the checkout flow and adding a progress bar, we reduced cart abandonment rates by 25%. Journey mapping made it easy to see the problem from the user's perspective and find solutions that worked. It's such a simple yet powerful tool for creating designs that truly resonate with people.
One of the most effective design thinking tools I use is Empathy Mapping. This method helps me deeply understand the end user by capturing what they think, feel, see, hear, say, and do when interacting with a product or service. It's an integral part of the user-centered design process and ensures that the final design truly meets the needs and expectations of the audience. How It Works: Set the Context: Identify the user persona or specific audience segment we're focusing on. Brainstorm with Teams: Collaborate with stakeholders to populate the map under categories like: What they see (environment, competitors, trends). What they hear (from peers, social media, ads). What they think/feel (pains, motivations). What they say/do (statements or actions that reflect behavior). Synthesize Insights: Look for patterns or recurring pain points that can inform design decisions. Translate into Solutions: Use these insights to prioritize features, functionality, and aesthetic choices in the design. Example in Action: In a recent project for an e-commerce website specializing in sustainable fashion, the empathy map revealed that users: Thought: "Is this truly eco-friendly or just greenwashing?" Felt: Confusion and hesitation due to lack of transparency. Said: "I want to support ethical brands but need more proof." From this, we implemented a certification badge system on product pages and added a detailed "Our Process" section showcasing sourcing and manufacturing. This increased user trust and boosted conversion rates by 18%. Empathy Mapping ensures I'm designing not just for functionality or aesthetics but for the actual thoughts and emotions of users, leading to more meaningful and effective outcomes.
Founder and CEO at Crafted Studios
Answered a year ago
A pivotal yet simple design thinking tool that I've applied in the early stages of research is Figjam. I use Figjam for competitive analysis, user personas, sitemaps, parsing through requirements, and jotting down notes for open questions and talking points. We were building a large scale website navigation project using Figjam as the anchor for flushing out all of out analysis, research findings, links. open questions to relay back to stakeholders and developers, and of course going back into Figma to build out our ideas. This is an important step now at the beginning of every project. It helps us find clarity, which is valuable as a designer because when you understand what you're building, who you're building for, and why you're building it - things get a lot easier. During the collaboration process a lot can get lost in translation, having everything documented so you can move forward with work just makes work less of a hassle later on. This will be a part of the process of making great work from here on out.
We're constantly refining how we engage users through design and functionality. One tool that has become indispensable in our process is user journey mapping. It's a method that lets us visualize every step a visitor takes, from landing on our site to enjoying their first game, identifying potential friction points along the way. We used user journey mapping recently to overhaul our homepage. The old layout didn't quite highlight the most-played games or guide new users effectively. By breaking down the journey from a first-time visitor's perspective, we realized that our search function and game categories needed better placement. We also discovered users were dropping off at the login stage because it wasn't clear why creating an account added value. Based on these insights, we redesigned the homepage to emphasize trending games and added tooltips explaining the benefits of registering. The impact was immediate- login rates improved, and more players explored our site instead of leaving early. User journey mapping helps us step into our audience's shoes, making decisions rooted in real behavior rather than assumptions. It's an invaluable method for creating designs that not only look good but genuinely improve the user experience.