Jimdo.com
Landing page
Social media and SEO
For Jimdo.com, I worked on a landing page aimed at increasing upsell conversions for the feature that allows users to connect their social media to their website, sell products directly on social media, and optimize their SEO.
Many small businesses struggle to effectively manage their online presence, missing out on sales and visibility. Jimdo’s website builder offers a solution, enabling businesses to easily connect social media, sell directly on those platforms, and optimize SEO, helping them grow their reach and sales with minimal effort.
Problem statement
Small businesses face challenges in managing their online presence efficiently. They often struggle to connect their social media, sell products through these platforms, and optimize SEO settings, leading to missed opportunities for growth, lower sales, and limited visibility online.
My role
UX/UI designer
Tools
How I created the landing page
While creating the landing page I have followed the 5 steps of the design thinking process. I will go through every step of the design thinking process and explain what things I have done to get the best user experience for my landing page.
"I have a website and social media accounts, but they feel disconnected. I struggle to figure out how to integrate them effectively, which makes it frustrating because I know there’s potential for growth."
Emphatize
To gain deeper insights into the goals, needs, and challenges of users looking to improve their online presence, particularly around social media integration, selling on social platforms, and optimizing SEO, I conducted user interviews..
User interviews
Five people took part of the user interviews. While creating the script and doing the user interviews I’ve kept the following goals in mind:
Understand the challenges users face in connecting social media, selling on these platforms, and optimizing SEO.
Assess users' familiarity with social media integration, social selling, and SEO, along with any misconceptions.
Explore users' current processes for managing their website, social media, and SEO, and how these tasks are integrated.
Discover users' goals for social media connection, selling, and SEO improvement, such as increased traffic or sales.
Evaluate users' confidence in using these features and identify perceived barriers, like complexity or time constraints.
Insights
Many users don't understand how SEO boosts website visibility, resulting in underutilization of optimization tools.
Users see their website and social media as separate, lacking clarity on how to integrate them for a cohesive online presence.
The intricacies of selling on social media and optimizing SEO leave users feeling frustrated and inactive.
Users prefer automated, user-friendly tools that make social media integration and SEO optimization easier.
Users realize they are losing sales opportunities by not effectively using social media selling features.
Some quotes from the user interviews
-
![]()
How can I use it
"I know social media is important, but I’m not sure how to use it to actually drive sales for my business."
-
![]()
How can it work together
"I have a website and social media accounts, but they feel disconnected. I don't know how to make them work together."
-
![]()
How helps SEO for my website
"SEO sounds complicated, and I don’t really understand how it helps my website get noticed by more people."
-
![]()
How can I sell products on social media
"I don’t have the time or skills to figure out how to sell products on Instagram or Facebook. It feels overwhelming."
-
![]()
How to get a better ranking
"I’ve heard about connecting social media to my site, but I didn’t realize it could help with things like visibility or search rankings."
Define
Through user research and analysis, I've created user personas and a user journey map and a task analysis for my new landing page.
Personas
After gathering valuable insights from user interviews, I created two user personas, Maria and Tom. These personas helped me understand the users' needs, goals, behaviors, motivations, and frustrations, specifically related to social media integration, selling on platforms, and SEO optimization.
I kept these personas in mind while designing the landing page for both desktop and mobile to ensure it provides the best possible user experience.
Insights
User needs a simple way to connect his social media to his website
User wants tools that automate SEO optimization
User finds it challenging to sell directly on social media
User feels overwhelmed by managing multiple platforms
User wants to grow his business without becoming a digital marketing expert
User journey maps
Next I’ve created user journey maps to show which goals, habits and behaviours they exhibit in reference to the landing page. Particular actions are shown in a flow while the user is browsing the landing page:
Search and finds information
Informs and create awareness
Decides and buys
Insights
Users want to know how upgrades will streamline sales and enhance SEO visibility
Clear explanations of the upgrade benefits, particularly regarding social media integration and SEO tools
Users may struggle to understand how social media sales work through their website and the specific functions of SEO tools
Ideate
With all the learnings and insights from the persona’s, user journeys and flows it was time to generate some great ideas for the landing page.
"I know social media and SEO are crucial for growing my business, but I’m not sure how to really use them to drive sales and reach more customers. It feels like there’s so much potential, but I don’t know where to start."
Wireframes
The insights from the user personas, user journeys, and user flows informed the creation of my initial wireframes. After reviewing my low- and mid-fidelity wireframes, I developed high-fidelity wireframes that incorporate the core elements of the landing page.
Desktop
Mobile version
Prototype and test
I created high-fidelity wireframes for my landing page, focusing on key features to boost user experience. User testing revealed valuable feedback on functionality, guiding me to refine the design for better clarity and engagement.
Prototype
In the prototype phase of my landing page, I created high-fidelity wireframes featuring key elements to boost user engagement and sales. The design focused on seamlessly integrating social media accounts, enabling users to connect and sell products directly.
Testing
After finalizing the prototype, I conducted user testing to gather feedback on functionality, usability, and overall experience. Participants navigated the landing page while performing tasks related to social media connections and SEO features.
Insights
Users found SEO confusing and need clearer explanations of its benefits.
While users appreciated easy social media linking, they seek clearer messaging on selling benefits.
Call-to-action buttons were easy to find due to their color.
Some users suggested that incorporating icons or clearer images could help clarify the features and enhance understanding.
Users requested clear step-by-step information for social media integration.
Navigation between sections felt disjointed, indicating a need for a more cohesive layout.
Users found the titles clear, aiding their understanding of the content and features.
Final results
After putting my designs to the test I’ve made improvements and created the final wireframes, the final prototype and style guide.
Final wireframes, prototype and style guide
After completing usability testing, preference testing, and peer reviews—and applying Gestalt principles and visual design best practices—I finalized the wireframes and created the complete prototype for the landing page.
To the right, you’ll see the final landing page desktop and mobile prototype, featuring seamless social media integration and SEO-driven elements designed to enhance user engagement. On the left, the accompanying style guide ensures visual consistency and reinforces the brand identity across the page.
Some final thoughts…
What I enjoyed about this project:
It was engaging to design a landing page aimed at promoting useful features like SEO and social media integration, especially knowing these could significantly help users grow their online presence. I focused on ways to effectively communicate these benefits, making it easier for potential customers to understand and appreciate the value of upgrading their Jimdo plans.
What surprised me:
It was surprising to see how critical clear communication is for user engagement, especially when promoting specific features. Through user testing, I learned that even with a simple landing page, assumptions about what’s intuitive don’t always align with users’ experiences. This insight helped me refine the page layout and messaging for clearer, more effective promotion.
What excited me:
Seeing the final version of the landing page come together, complete with style guides and interactive elements, was rewarding. Watching how users interacted with the page and their interest in learning about these features made all the iterations worthwhile.
What I learned about myself:
This project reinforced how much I enjoy the UX process, especially when it comes to user-centered design. While my graphic design background was valuable, designing for a landing page that directly serves user needs showed me how critical clarity and user insight are in crafting effective marketing pages. It was fulfilling to see how thoughtful design can support user decisions and drive meaningful interactions with a brand.