Project details
Fuseproject
Yves Behar / Founder and CEO Fuseproject
Senior UX & UI Designer
Leah King
Category
UX/UI Design
Scope of Work
The Ask
The Fuseproject site redesign was initially taken on by a former employee but when migrating over the assets to the new WordPress instance, numerous parts of the theme and site broke. Our director and I were asked to audit the site for functionality, storytelling, flow and the overall user experience to then to create a timeline and plan to complete and enhance the site.
My Role
UX Designer
- Lead UX Designer
- Stakeholder Interviews
- BIC Research
- Revised Site IA
- Strategy & Content Narratives
UI Designer
- Photo Direction
- Production Design
- Design Deliverables
- WordPress Design Implementations
- Usability & Interaction Tests
- Reviews & Iterations
- Style Guide
Tools
- WordPress
- Photoshop
- Sketch
- Figma
- Zeplin
- Gitlab
- Google Docs
Old Fuse Site
- Outdated backend
- Not responsive
- Not user friendly to update
- Lores images
- No consistent look & feel
- Outdated blog
- Site crashes
- Outdated UX/UI
- Outdated technology & functionality
- Lack of space for storytelling
New Fuse Site
- Ease-of-use backend
- Responsive and mobile first
- User friendly interactions
- Hires images
- Consistent look & feel
- Updated blog for storytelling
- Faster load time
- Updated UX/UI
- Updated technology & functionality
- Marketing and storytelling layouts
Mobile First
A key goal for the fuse site was to perform well on mobile. This required designing for mobile first and then scaling up to various viewports. The mobile first approach required specific assets and interactions for mobile.
Responsive Design
The business request was to have all assets, layouts and content to be customized at every breakpoint. This required recreating 96 case studies and 140 blog posts in desktop and mobile sizes.
Process
Methodology
Early into the fuseproject redesign, I took on the role as product manager and lead designer & communicated daily with our discipline leads to ensure they were kept up to date with project developments. Scheduled meetings as well as supplying all meeting minutes and recaps meant so that all items discussed were well documented for future reference.
Experience Architecture — Creating an overall IA, UI system that benefits both the user experience, engagement and benefits for business. Using design thinking to focus on empathy, define opportunities, brainstorm/ideation and test.
Airtable— Used as primary project management tool within the team. Here I created, prioritized and delegated the project tasks (a list of task and requirements to execute project deliverables) at every stage of the process.
Daily Stand Ups – I held for 16 minutes each morning where teammates delivered progress updates on the tasks they were completing. Here Backlog tasks from Airtable were heavily referenced and daily goals outlined and time boxed. Tracked slack for updates from team that were OOO or WFH.
Weekly Retrospects – At end of every week, I sent team members and discipline leadership an update of tasks completed.
The Result
The site is now live and we are planning our V.2 scope of work and roadmap.