B2B Website and landing page optimization
Product ID
Product ID is a personalised interactive customer support ecosystem combining official product information and authenticity validation allowing manufactures and brand owners to have direct communication with their customers and assure the effectiveness, correct usage, and authenticity of their products through a scan of a QR code. Product ID’s ecosystem is built with various support systems that provides hyper-targeted services covering different point of contact with the business and the end-customer.
Roles & Responsibilities
User experience, Design system, copywriting, content creation, interface design
Programs Used
Adobe XD, Lottie, Photoshop, Illustrator, google workspace
User Flow
B2B Website experience
Focused on organising key topics and issues to be effectively presented on the website. Tailored industries and topics to target specific audiences, with clear CTAs encouraging further exploration of the site, ultimately driving users to request a product demo.
Template design customised per category to enhance content and presented information.
UX copywriting.
Clear action buttons and CTAs to prolong screen time and engagement with user.
Service Blue Print and research about B2B websites and their user experience.
Wireframes & structure outline
Uniformed design
Developed low-fidelity wireframes to establish a consistent user experience across the website. Focused on defining pain point areas from the initial website regarding content and copywriting. Visually organising service modules, with the goal of presenting the business's benefits more persuasively through storytelling and compelling copywriting.
Built a design system that includes fonts, sizes, shapes, rounding, color palettes, components, and animations to ensure a consistent design scheme and user experience.
Designed up to 50+ pages, and 6+ basic layout template.
UX copywriting and overall copywriting for all pages optimised for SEO.
Up to 80+ content creation for website, including images, videos, UI animation, infographics, icons and mockups.
50+ components in design system including shapes, buttons (with animation), Text, icons..etc
Prototyping.
Design and content creation
The visual language
Landing page optimisation
Concentrating on the business strategy
Optimised landing pages with new strategies to better perform with target audience and clients with the following strategies:
Developed design for landing pages concentrating on target industry and their pain points; introducing how Product ID can become their solution.
Visual design optimisation regarding consistent design style and tone and manner- professional and reliable.
Recreation of contents aligning to target industry and copywriting. Strong CTAs to encourages visitors to take actions- leading to try out the integration.
Clear copywriting to bring clarity and persuasive message to targeted clients/ industry- stating the benefits and solution of Product ID.
Outcomes
Successfully launched website from initial website and improved in expanding business to other industries:
Increased conversion rate from modification made from pain points of the website.
Optimized content to enhance the value of the service by improving clarity and relevance, ensuring the information presented was more impactful and engaging.
70+ pages with finished design, content and copywriting delivered within 2 weeks including responsive design for mobile.
Decreased bounce rate and prolonged screen time during visits.
Successfully attracted new leads and clients expanding business to different industries, not limiting only to skincare and beauty industry.
Design templates also used for landing pages, attracting specific target audience and marketing direct industries which led to clear service benefits and business strategy.