Studio Norma J by Liv Walker
I am a multidisciplinary designer specialising in Product, UX/UI, Branding & Digital   •   My tech stack includes Figma, Lovable, ChatGPT, Gemini, Linear, Notion, Adobe, Blender   •    


Back 



Going from Gut-feel to Greatness 


An entire website redesign for Ideally, designed to feel human, flexible, and grow with the fast-moving SaaS company.



Read about the process
Overview

We gave Ideally’s marketing website a full refresh to bring the companies personality, values, and future vision to life.

Problem

The old site lacked structure, clear messaging, and wasn’t a useful tool for the sales team. We needed a more flexible, scalable platform that didn’t feel like every other SaaS site. 

Old Ideally homepage
Old Ideally features and about page
Issues with the old website:
  • Minimal pages and limited content.
  • Weak IA and navigation.
  • Didn’t reflect new brand direction.
  • Was not tailored to different audience segments.


My role

  • Lead UX/UI design.
  • Managing the project with internal & external stakeholders.
  • Picked up the Webflow build when needed.


Research

We reviewed other SaaS platforms for an understanding of structure, flows & content strategy: Worksome, Copilot, Tracksuit, Typeform, Welcome, Webflow, Butter, Intercom, and Mailchimp. When it came to researching creative treatments I focused on how we could approach layout blocks and functionality in a way that felt both unique to the Ideally brand and user-friendly. I made sure to look beyond typical tech examples to find a broader range of inspiration.

Screenshot from Figma of creative research

Sitemap

I collaboratively restructured the site with leadership, strategy, and content stakeholders.
  • We went from 4 pages → 17, allowing for clearer storytelling and growth.

Screenshot from sitemap presentation 
Sitemap for new website 

Wireframes

When I had laid out all of the pages from the sitemap into low-fidelity wireframes it allowed us to:
  • Spot what content existed vs. what was missing.
  • Shape each page’s narrative alongside the copywriter and marketing lead.
  • Identify imagery gaps, CTA’s and UX flows early.

New website wireframes 

Creative exploration

While the wireframes were still being shaped and refined, I started going wide and mocking up multiple homepage directions with different style treatments. 

How might we:
  • Express the brand in new ways throughout the website? 
  • Treat imagery, colour, layout and motion?
  • Elevate product imagery & avoid using screenshots that will age quickly?

I focused on pulling in key brand elements like the eye movement, circle shapes, black-outlined boxes, vibrant colours, and our distinctive Family font - experimenting with how these could come to life through modular cards and sections across the site.

Ideally brand asset

Section exploration
Product imagery exploration
Homepage creative exploration

Design system

We went through several rounds of design, presentation, and refinement to land on a creative direction that felt right. Once aligned, I built out the system in Figma by:
  • Refining and consolidating the sections.
  • Building components & templates for clean handoff.
  • Annotating scroll and animation styles to guide the developer.

Atomic design

Final design

The new website tells a much clearer story about what Ideally is and what the product can do for you, whether you’re research-focused, data obsessed or a creative working in an agency. It feels confident, clear, and creative without being chaotic. The final outcome included:
  • Personalised paths for key audiences.
  • Case studies weaved throughout to inspire and build trust.
  • Modular templates for fast future updates as Ideally evolves.

Homepage
Built for agencies landing page
ICP section
Template for Ideally events
Family font shining through

Build

  • Handoff to overseas developer with detailed annotations.
  • Developer got it about 80% there, so I jumped into Webflow to finish the build.
  • Fine-tuned layout, styling, and motion interactions myself.

Impact

  • A site that feels like Ideally.
  • Flexible format to grow with the business.
  • Much easier for sales to share landing pages with the right audience.
  • Better storytelling, more pages, and a stronger brand presence.

Reflection

This project pushed me to grow in ways I didn’t expect. I taught myself how to use Webflow CMS and build directly in Webflow which was a real challenge at first but ended up being super rewarding. It gave me a deeper appreciation for how design decisions translate into the final product.


If you are interested in the long story, check it out in Notion here  


You’re at the end of the page. Yay!





Back to web + brand work