UI/UX Graphic Designer – E-Commerce Brand Re-Launch (Design Only + Claude Design Tokens)

Posted 2 weeks ago

Worldwide

Summary

We are executing a major brand evolution, shifting our high-velocity trademark platform from TrademarkVault.com to 123trademark.com. The concept is exactly what it sounds like: Easy as 1-2-3. Browse & Add to Cart (Select your services). Guided Step-by-Step (Clear questions, zero jargon). Drumm Law Does the Work (Real attorneys handle the actual legal heavy lifting). The Vibe: This is an e-commerce platform for trademarks powered by our main firm, Drumm Law. If you look us up, you’ll see we completely reject the traditional, stuffy, suit-and-tie legal archetype. We are modern, tech-forward, transparent (flat fees), and conversational. 123trademark.com needs to look like a sleek, ultra-clean, modern consumer e-commerce experience—not a legacy law firm website. I have uploaded some sample pages from the Claude Design. The Project & Workflow: We have already built out a very robust, content-heavy wireframe and layout framework using Claude design concepts. The text, structure, and user flow are locked in. We have a dedicated WordPress developer on our team who will handle all the actual coding and implementation. Our site is built on WordPress using the Uncode theme. We need you for the graphic design, UI/UX layouts, and asset creation. Knowing your designs will be built in Uncode is a major plus so your layouts map cleanly to its structural capabilities. Because we use Claude Design to help maintain and build out content frameworks alongside our developer, your deliverables must follow a specific asset delivery brief to ensure your brand styling applies automatically and consistently across our system. Required Deliverables (Full brief provided upon hire): Design Tokens (High Priority): CSS custom properties or a JSON tokens file (Figma Tokens format) for colors, typography scales, spacing, border radiuses, and shadows. Logo Files: SVG & transparent PNG variations (full, icon, light, dark). Typography & Component Exports: Clean style sheets, font references, and labeled component exports (buttons, cards, navigation) showing default and hover states. Style Reference Document: A clean PDF guide showing color swatches, typography specimens, and usage rules. Figma Link: A shareable view-only Figma link for our WordPress developer to reference layouts. Note: We are not married to the exact visual style Claude originally spat out; it’s a functional starting point, but we want you to elevate the aesthetic completely. Future Opportunity: We own multiple digital properties under our main firm umbrella. If you do an amazing job on this re-launch, we have a pipeline of other websites that we will want to overhaul in the exact same manner. We are looking to build a relationship with a go-to designer. To Apply, Please Provide: A link to your portfolio showing your best web graphic/UI design work. Confirmation: Let us know if you have experience exporting design tokens (CSS/JSON) or using the Figma Tokens plugin, and if you have any familiarity with WordPress/Uncode workflows. A brief pitch on how you would approach taking our structured content templates and transforming them into an amazing, modern e-commerce web design. No copy-pasted generic agency proposals, please. If you read this and get the anti-stuffy vibe we're going for, start your proposal with "Easy as 1-2-3."

  • Less than 30 hrs/week
    Hourly
  • 1-3 months
    Duration
  • Intermediate
    Experience Level
  • $15.00

    -

    $35.00

    Hourly
  • Remote Job
  • Ongoing project
    Project Type
Skills and Expertise
Mandatory skills
Figma
User Interface Design
Activity on this job
  • Proposals:50+
  • Last viewed by client:2 weeks ago
  • Interviewing:
    2
  • Invites sent:
    0
  • Unanswered invites:
    0
About the client
Member since Apr 12, 2011
  • United States
    Arvada4:15 AM
  • $211K total spent
    88 hires, 14 active
  • 8,878 hours
  • Mid-sized company (10-99 people)

Explore similar jobs on Upwork

WordPress Development
WordPress Customization
WordPress Plugin
Theme Development
WordPress Migration
WooCommerce
API Integration
PHP
Elementor
Divi
Gutenberg Editor
WordPress e-Commerce
Payment Plugin
SEO Content
WordPress Bug Fix
Logo
Logo Design
Monogram Logo
Abstract Logo
Emblem Logo
Brand Identity Design
Brand Guidelines
Brand Identity & Guidelines
Branding
Corporate Brand Identity
Brand Identity
Corporate Branding
Web Design
User Interface Design
Graphic Design

How it works

  • Post a job icon
    Create your free profile
    Highlight your skills and experience, show your portfolio, and set your ideal pay rate.
  • Talent comes to you icon
    Work the way you want
    Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
  • Payment simplified icon
    Get paid securely
    From contract to payment, we help you work safely and get paid securely.
Want to get started? Create a profile

About Upwork

  • Rating is 4.9 out of 5.
    4.9/5
    (Average rating of clients by professionals)
  • G2 2021
    #1 freelance platform
  • 49,000+
    Signed contract every week
  • $2.3B
    Freelancers earned on Upwork in 2020

Find the best freelance jobs

Growing your career is as easy as creating a free profile and finding work like this that fits your skills.

Trusted by

  • Microsoft Logo
  • Airbnb Logo
  • Bissell Logo
  • GoDaddy Logo