Efficacemente Website
Efficacemente Website
Efficacemente Website
Efficacemente Website
Company
Efficacemente
Company
Efficacemente
Company
Efficacemente
Industry
Habit Tracker
Industry
Habit Tracker
Industry
Habit Tracker
Project type
Website
Project type
Website
Project type
Website
Project Overview
Website redesign for EFF to improve clarity, credibility, and ease of navigation, with accessible layouts and a modern visual system.
Role & Collaboration
Owned UX/UI across IA, wireframes, visual design, and component library in Figma.
Partnered with stakeholders to align content priorities and technical constraints.
Delivered specs and assets for a smooth build and content migration.
Process
Audit: Reviewed site structure, readability, and content density; mapped user journeys for key tasks.
Content: Simplified navigation, clarified page hierarchy, and standardized content modules.
Design: Created responsive layouts, type scale, and color system.
Validation: Clickable prototypes and quick usability checks to refine flows and copy.
Handoff: Componentized UI, redlines, and export rules for development.
Solution Highlights
Streamlined IA, clear top-nav, and focused landing hero blocks.
Readable typography, higher contrast, and consistent spacing system.
Modular templates for articles, campaigns, and resource pages.
Impact & Outcomes
Faster path to key content and actions, with fewer navigational dead-ends.
Stronger credibility through consistent visuals and content structure.
Smoother content operations via reusable modules and components.
Lessons Learned
Clear IA and content standards reduce complexity and maintenance.
Early accessibility choices prevent rework down the line.
Tight stakeholder loops speed decisions and keep scope focused.
Company
Efficacemente
Industry
Habit Tracker
Project type
Website
Project Overview
Website redesign for EFF to improve clarity, credibility, and ease of navigation, with accessible layouts and a modern visual system.
Role & Collaboration
Owned UX/UI across IA, wireframes, visual design, and component library in Figma.
Partnered with stakeholders to align content priorities and technical constraints.
Delivered specs and assets for a smooth build and content migration.
Process
Audit: Reviewed site structure, readability, and content density; mapped user journeys for key tasks.
Content: Simplified navigation, clarified page hierarchy, and standardized content modules.
Design: Created responsive layouts, type scale, and color system.
Validation: Clickable prototypes and quick usability checks to refine flows and copy.
Handoff: Componentized UI, redlines, and export rules for development.
Solution Highlights
Streamlined IA, clear top-nav, and focused landing hero blocks.
Readable typography, higher contrast, and consistent spacing system.
Modular templates for articles, campaigns, and resource pages.
Impact & Outcomes
Faster path to key content and actions, with fewer navigational dead-ends.
Stronger credibility through consistent visuals and content structure.
Smoother content operations via reusable modules and components.
Lessons Learned
Clear IA and content standards reduce complexity and maintenance.
Early accessibility choices prevent rework down the line.
Tight stakeholder loops speed decisions and keep scope focused.
This work was developed while I was working for the agency onlab.io and in collaboration with its design team.
This work was developed while I was working for the agency onlab.io and in collaboration with its design team.