A Bite of Health
Led comprehensive UX research and content strategy for 'A Bite of Health,' resulting in a 42% increase in conversion rates through designing a responsive landing page promoting the health coaching program.
The founder of A Bite of Health approached me to design a landing page to promote their health coach group programs for a Turkish-speaking audience. The website was tailored to ensure an intuitive experience for Turkish users, with content and messaging fully optimized in Turkish to enhance engagement and clarity.
Domain and user groups
Optimize UX of a Turkish Landing Page
Final impact: The redesigned landing page increased the conversion rate, boosting Facebook ad clicks by 42%.
My responsibilities: Conducted user research, developed content strategy, designed high-fidelity prototypes, performed usability testing, iterated designs, and collaborated with stakeholders and engineers.
Tools: Figma, WordPress, Elementor, Zoom.
Project duration: 2 weeks.
Design Process and Timeline
Discovery & Research
Stakeholder meeting
Research plan
One-to-one interviews
Ideation & Design
Feature ideation & sketching
Content improvement
High-fidelity design
Interactive prototype
Evaluation & Iteration
Moderated usability sessions and interviews
Stakeholder input
Deliver
UI elements and visual mockup
Converting the design to Elementor
Completed a two-week design sprint encompassing discovery, research, ideation, design, evaluation, and delivery phases, in close collaboration with stakeholders and an engineer.
Stakeholder meetings for ideation
Conducted stakeholder meetings to align expectations and collaboratively develop the information architecture, focusing on effective headlines, content, and messaging for the landing page.
Key Design Goals:
Simple and visually appealing design tailored for Turkish-speaking users.
Fully responsive across mobile devices for seamless accessibility.
Concise program details to inform and engage potential customers.
Clear and intuitive CTA linking to the purchase page for easy conversion.
High-fidelity Clickable Prototype
Developed a high-fidelity, interactive prototype informed by stakeholder interviews and user research, ensuring responsiveness and alignment with target audience needs.
Evaluation & Iteration
Performed three moderated remote usability sessions to gather feedback on the high-fidelity prototype, identifying areas for improvement.
Usability Sessions
Key usability study findings
The 'Purchase' button was unclear to two-thirds of users due to a lack of program details.
Users struggled to recognize the page's scrollable nature.
A need for additional information about the health coach was identified.
“I don’t want to purchase without having some proper knowledge about the coaching group”
Alaaddin Akçay
“I did not understand that this was a scrolling website. I was not sure where to find details about coaching programs.”
Sümeyra Demirel
“Who runs the group? I don’t know her.”
Firdevs Yılmaz
Implemented the following design iterations to enhance the user experience for Turkish-speaking users:
Revised the CTA from 'Purchase' to 'Explore' (In Turkish: Keşfet), making it more inviting and directing users to detailed program information.
Adjusted visual cues to indicate scrollability, ensuring Turkish users easily discover content below the fold.
Introduced an 'About Aysenur' section, providing background on the health coach in Turkish, making it more relatable and culturally relevant for the audience.
Iterative Design Changes
The final iteration strongly resonated with users.
-
“The website looks superb, I love the colors and I can easily access the information about the health coaching programs offered here.”
Yücel Ülker
-
“I am happy to see the health coaches information in this new version.”
Firdevs Yilmaz
The optimized landing page led to a 42% increase in Facebook ad click-through rates, demonstrating the effectiveness of the UX and content strategy enhancements tailored for Turkish-speaking users.
Final Impact
Explore the protoype
Figma Design to Elementor
Collaborated with the backend engineer to configure landing page links for a seamless user experience in Turkish.
Exported the Figma design with responsive elements and interactive links, ensuring smooth integration with Elementor.
Successfully launched the Turkish landing page, optimized for usability and engagement.
