Converting UX/UI Designs into Semantic Code

With no shortage of inspiring large-scale projects, Seed Landcare needed a way to display its portfolio of works in a modern and clean aesthetic. Their web presence had been tied to an unresponsive landing page for too long. With a fully completed UI/UX design in hand from a talented designer, they were in need of a developer to translate their design files into semantic code.

The new website is fully responsive and coded to their exact pixel specifications for desktop, tablet, and mobile users. Content is created and loaded dynamically to optimize page loading speeds and allow easy content updates for the client. A heavy emphasis was placed on branding and imagery to relay a clean and modern feel. The identity aligns with the Seed branding and expresses their personality in the styling.

Services & Solutions

Consulting

  • Performance Audit & Analysis
  • Product Planning
  • Project Budgeting & Management
  • Technical Guidance

Web Design

  • Accessibility Improvements
  • Custom CSS Styling
  • Responsive Design
  • User Experience Optimization

Website Development

  • Custom CSS Styling
  • Custom HTML Code
  • Custom Javascript Solution
  • Performance Optimization
  • SSL Certificate

What We Crafted

Before TTR Partnership

A site optimized for desktop only without a way to showcase their impressive projects and client works.

With The Tech Refinery

A mobile first design with an emphasis on branding and heavy use of imagery to communicate the scope and breadth of their work.

Design Guide

Color

Palette

#236e47

#3fb34a

#b4dfcd

#ffffff

#f6f6f6

#000000

Font

Typography

Oswald
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
Lato
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9

Mood Board