Built with Framer

Mara — A Personal Portfolio Website for a UI/UX Product Designer

Anush | Ex-Freshworks

Verified

Mara — A Personal Portfolio Website for a UI/UX Product Designer

Client: Mara (Independent Product Designer)
Industry: Portfolio & Creative Services (UI/UX Design, Product Strategy, Web Design & Prototyping)
Role: Brand Designer, UX Strategist, Visual Storyteller, Framer Developer

Project Type:

Personal Branding • UX Copywriting • UI/UX Design • Framer Development • Responsive Portfolio Website

Live Website:

Client Challenges

Needed to stand out in a crowded portfolio landscape — most designer sites looked templated or impersonal.
Struggled to articulate what made her process different — too much focus on deliverables, not enough on decision-making depth.
Wanted to attract higher-caliber clients (startups, product teams, founders) but lacked the structure and storytelling to do so.
No clear way to showcase range of work complexity, from enterprise systems to motion-infused creative builds.

My Role

Brand Designer, UX Strategist & Framer Developer
Partnered with Mara to design and build a portfolio site that reflected her strategic depth, design sensibility, and systems thinking.
Crafted a brand identity that was clean yet opinionated — confident typography, minimal color system, and editorial layout structure.
Designed and developed the site entirely in Framer, custom-coded for smooth interactions and a fast, polished experience across devices.
Created reusable components to help her scale case studies over time — with filters by role, format, and design complexity.
Positioned Mara as a designer who blends product strategy with craft, not just a visual executor.
Wrote all UX copy, emphasizing outcome-focused language, client voice mirroring, and subtle proof throughout.
Built the site for long-term ownership — optimized for future content updates, portfolio scaling, and project filtering.
Tech Stack:
Design & Prototyping: Figma
Development: Framer (Custom Build)
Tools & Integrations: Native Framer Forms, Smart Component System, CMS Setup (Case Study Ready)

Sitemap

Homepage Design

About Page

Case Study

Case Study Details

Contact Page

Let’s Build What’s Next — Together.

If you’re looking to design or develop a product, website, or platform that connects deeply and performs flawlessly —
👉 Visit my website or Book a call here to start the conversation.
Like this project

Posted Jul 16, 2025

As a full-stack UX and Web Developer, I crafted Mara’s portfolio to reflect strategic depth, scale with clarity, and resonate with product-minded clients.

Enterprise solutions - Custom Portal Development
Enterprise solutions - Custom Portal Development
Agri-Tech Manufacturer:  Website for Global Scale & Market Trust
Agri-Tech Manufacturer: Website for Global Scale & Market Trust
Real Estate AI Agent [B2B] | Web Dev + UI Design+ Illustration
Real Estate AI Agent [B2B] | Web Dev + UI Design+ Illustration
NGO Child Welfare Site |  UI Design + Web Dev
NGO Child Welfare Site | UI Design + Web Dev

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc