Brand Development & Website Redesign
START
CW 26 or 27
TIMELINE
2-3 weeks
About the project
Customer is a SaaS digital asset management (DAM) solution designed for SMB to midmarket businesses in Canada & US, supporting creative, marketing, and communications teams in organizing, finding, and sharing their growing digital libraries. Leveraging AI technology and intuitive design, the client makes files accessible exactly when and where they’re needed.
The individuals and teams evaluating DAM software tend to be deeply invested in a brand’s identity and experience. That’s why it’s crucial for your visual identity, branding concept, website design, and user experience to feel not just state-of-the-art and high quality, but also genuinely loveable—so they stand out, resonate, and drive real engagement.
To propel clients new brand identity, we will craft a fresh, dynamic web presence with a bold and unique visual language. Our team will develop a fully responsive, modern, and conversion-focused site that balances impactful brand expression with best-in-class user experience. This project will be driven by bold visual formats and user-centric design, with the goal of standing out from a crowded field of lookalike competitors.
We’ll infuse the site with rich, dynamic visuals, purposeful interactions, and a clear hierarchy—ensuring the new brand gets noticed, remembered, and ultimately drives conversions.
Project Objectives
Differentiate client from competitors with an eye-catching, memorable web presence.
Create a brand experience that resonates with customers and supports conversion goals.
Use modern design practices to ensure performance, usability, and scalability.
Craft a robust brand system: new logo, refreshed color palette, comprehensive iconography, and cohesive typography.
Style directions
https://fabrica.framer.media/
https://www.frontify.com/de (also competitor)
Scope of Work
Brand Identity
Logo design
Color palette: refresh or expand as needed
Iconography: ~30 custom icons
Typography system: refine and adjust for brand tone and legibility
Stock imagery: curate a starter set tailored to client's content-driven brand
Visual language for above/below-the-fold concepts: both product-focused and broader brand storytelling
Website Design & Development
We’ll design and develop approximately 7 unique page layouts in Framer, each treated as a distinct design composition (not just content variations).
Pages (all individual design/layout)
Homepage (No CMS)
Product (CMS Detail)
Pricing (No CMS)
Resource Landing (CMS Index)
Resource Post (CMS Detail)
About Us / Our Story (No CMS)
Marketing Landing Page (No CMS)
404 / Error Page (No CMS)
Legal / Privacy / Terms (No CMS)
Visual Requirements (more direction/suggest, while design need to see what makes sense)
1 above-the-fold visual per page
3.5 below-the-fold visuals per product page (8)
Total visuals: 36 (8 ATF, 28 BTF)
Visual Type Split: 23 Static, 9 Video, 4 Interactive
Add example copy, client resp. for final copy
Pick image content, should be final (designer in lead)
CMS Content will be migrated from current website CMS
Connect form to CRM (Hubspot) via Zapier
SEO Meta Descriptions
Project Timeline & Process
Initial Design (Day 1–10)
Develop and deliver Version 1 of all key design screens and components (based on brief, strategy, and sitemap)
Ensure consistency with brand language and visual personality
Prepare design handoff files for internal/client review
Respond to feedback request within 24h for alignment
Client Feedback & Version 2 (Day 11–16)
Review client feedback and implement refinements
Deliver Version 2 of the design (within 3–5 days after feedback)
Maintain visual coherence while adjusting layouts/components based on client notes
Final Adjustments & Delivery (Day 17–21)
Implement final tweaks and polish all visuals
Prepare final design package (e.g. Figma files, design tokens, documentation if needed)
Be available for handover session to explain design decisions and system
Stack & tools used
Site: Built on Framer
Design: Visuals created with Figma and Framer
CRM: HubSpot
Tags & Analytics: Google Tag Manager (GTM)
Visual Generation: Midjourney (for select visuals and ideation)
Placeholder Texts: ChatGPT
Icons (non-custom ones): Phosphor Icons
Additional Tools: Various other tools and libraries as needed for fonts, SEO-readyness, images, and performance optimizations.
Technical Notes
Assets, animations, and styles will be modular and reusable for scalability
Prioritize performance across visual treatments
Primary CTA: Book a Demo
3rd party integrations: HubSpot (we’ll need access to the account to connect) and Google Tag Manager
Allsite
We partner with high-growth scaleups to improve their websites— choosing depth, creativity, and impact over hype and noise.