UI/UX Designer
Emmviron Landing Pages Design
Figma
Project Description
Emmviron is a business planning consultancy that empowers startups and established businesses to secure funding, refine strategies, and achieve growth. This project involved designing landing pages to showcase their core services (business plans, pitch decks, financial modeling, etc.), attract clients, and drive conversions. The design focused on clarity, professionalism, and trust-building to appeal to entrepreneurs, investors, and businesses navigating complex planning needs.
Design Approach
Research & Strategy: Analyzed Emmviron’s target audience (entrepreneurs, investors, immigration applicants) to prioritize clarity and actionable insights and studied competitors to identify gaps in visual appeal and user trust.
Wireframing & Prototyping: Created low-fidelity wireframes to map user journeys (e.g., Service Exploration > Pricing > Conversion). High-fidelity prototypes in Figma emphasized visual storytelling, using whitespace and imagery to balance text-heavy content.
Iterative Testing: Conducted usability tests to refine CTAs, simplify navigation, and ensure intuitive access to key sections like Sample Work and Feasibility Studies.
Design Process & Challenges
Research & Inspiration: Studied top Framer portfolios (e.g., Antoine Enault, Jessica Wells) to identify trends in interactivity and layout then mood boards were created to define the visual direction, emphasizing simplicity and user-centric navigation
Prototyping & Iteration: Initial wireframes focused on content hierarchy and user flow. Figma was used for prototyping, though Framer’s native design interface allows direct implementation.
Iterative testing ensured animations and transitions felt natural, avoiding excessive complexity.
Development in Framer:
Components & Reusability: Reusable UI elements (e.g., buttons, project cards) were built as Framer components to maintain consistency.
Custom Code Integration: Advanced interactions (e.g., scroll-triggered animations) were implemented using Framer’s built-in tools or light custom code.
Colour palette
Light
#B9DAF7
#1E88E5
#1766AC
Typography
View Project
Impact
User Engagement: Streamlined navigation and CTAs likely reduced bounce rates and improved lead generation.
Brand Perception: The polished design positioned Emmviron as a premium, reliable partner for business planning.
Conversion Focus: Clear pricing tiers and service breakdowns empowered users to self-select suitable plans.
