Sample Work
Argyle Social
Veritas Collaborative
IBM LotusLive
Click to View
Argyle Social UI
Argyle Social
Social Media Marketing for Marketing Automation Systems

I'm the Art & User Experience Director of Argyle Social, overseeing all interface design and front-end development projects, as well as managing the corporate brand on the web and in print. The entire interface for Argyle was designed to be simple, beautiful, and above all — understandable.

  • Interface
  • UI Development
  • UX Design
  • Branding
Argyle Social Engagement Dashboard
Social Media Dashboard
Engagement Interface for Monitoring and Managing Social Content

The challenge of creating a social dashboard is negotiating legibility, context, and customization. This interface progressively discloses actions and rich media, while providing the user options for alerts, sounds, visual density, and contrast.

  • Interface Design
  • UI Development
  • AJAX
  • Twitter
  • Facebook
  • Google+
Argyle Social Publishing Automation Calendar
Social Content Calendar
Month, Week, and Agenda Views for Social Publishing

Social media publishers have a variety of use-cases involving time scope and relevant social properties. For this reason, I developed a customizable content calendar, allowing users to manage monthly, weekly, timeline, and agenda views as well customizable property selections and publishing automation previews.

  • Interface Design
  • AJAX
  • Drag-and-Drop
  • Ember.js
Argyle Social Marketing Website
Business Web Design
Corporate Website for Marketing, Webinars, Whitepapers, Blog Posts, & Lead Generation

To organize all of the outbound efforts for Argyle Social, I developed a marketing site that facilitated all aspects of product promotion and feature demonstration. The site also was designed to maximize the sharing, viewing, and reading of outbound materials like webinars, blog posts, infographics, and whitepapers.

  • Web Design
  • UI Development
Argyle Social Brand
Corporate Branding Systems
Logo, Logotype & Branded Systems

The custom illustrated logo for Argyle Social was designed to dramatically simplify the essential elements of the argyle pattern. The liberal use of Myriad in regular and light weights with great size differences ensures that branded collateral is as simplified, identifiable, and reproducible as possible.

  • Illustration
  • Typographic Design
Veritas Collaborative
Veritas Collaborative
Veritas Collaborative is a Specialty Behavioral Health Hospital for Treatment of Eating Disorders

I design & maintain all branded aspects of the business, produce books & brochures, and keep web interfaces beautiful, useful, and manageable.

  • Branding
  • Website
  • Mobile
  • Books
  • Brochures
Veritas Collaborative Eating Disorder Brochures
Book & Brochure Design
Treatment Overview Catalog

The most exciting part of this set of print collateral was the custom embossing and silver foil lining the cover of the catalog. The comprehensive set includes silver-lined envelopes, a small and large book, individual brochures per hospital wing, and fly-away cover designs.

  • Print Design
  • Photography
  • Embossing
  • Foil Cover
Veritas Collaborative Admissions UI Design
Interface Design & Development
Extended Patient Application Forms with CRM Integration

To simplify the complex and conditional medical concerns for admission, I created a set of online admission forms for Veritas Collaborative. This enables patients, parents, and healthcare providers to expedite admissions by easily providing medical history by computer, tablet, or phone.

  • Web Design
  • CRM Integration
  • Custom Interactive Elements
Veritas Collaborative Website
Web Design & CMS Integration
Marketing Website for Hospital Admissions

The website for Veritas Collaborative celebrates foremost the stunning beauty of its interior architecture. The website allows patients, clinicians, and parents to find helpful resources, apply for treatment, tour the space, and peruse printed books and brochures of the facility.

  • Wordpress
  • Lead Generation
  • Guided Client Management
Veritas Collaborative Responsive Design
Mobile & Responsive Design
Mobile-only and Mobile-optimized Website

The mobile website for Veritas Collaborative utilizes HTML5, CSS3, and Javascript for older browsers — to create an efficient and beautiful mobile experience for reading blog posts, finding critical contact information, and patient support resources.

  • Custom Mobile Design
  • Responsive Design
  • Content Parity
Veritas Collaborative Logo
Corporate Identity Design
Logo, Logotype & Branded Systems

The custom illustrations of the laurel for Veritas Collaborative are designed to directly translate "excellence" and maintain visual characteristics of Goudy used in the logotype. The greens, shades of silver, and lighting effects of the identity convey renewal and illumination.

  • Illustration
  • Identity Design
  • Typographic Design
IBM LotusLive UX Design
IBM LotusLive
Enterprise Cloud Collaboration Suite

I led interface standards & visual design for the RTP Lotus UX group at IBM. Projects included LotusLive, OneUI, and Websphere Portal

  • Enterprise Web Apps
  • Website
  • Mobile
  • Branding
IBM LotusLive Visual Design
UX Design for Collaboration Software
LotusLive Application & Interface Design

I led visual design for the LotusLive UX organization, creating stunning interfaces for team collaboration — creating user interfaces for web conferencing, file-sharing, project management, and productivity tools.

    IBM OneUI Design
    UI Standards for IBM Software
    IBM OneUI Interaction & Interface Standards

    I led visual design for IBM OneUI, an interface standards project, in which I completely redesigned the visual design framework for IBM software, including LotusLive, Lotus Connections, Lotus Quickr, Websphere Portal, and emerging software. This is IBM's own version of interface and markup standards, and predated Twitter Bootstrap.

      IBM Websphere Portal Design
      Corporate Intranet UI Design
      Websphere Portal Proof-of-Concept Design for Sales

      I created multiple themes for IBM Websphere Portal sales engagements, directly enabling to some of the largest SaaS the internet had seen to-date while working at IBM.

        IBM LotusLive Web Design
        Web Design & Development
        LotusLive Marketing Website

        I designed the marketing site for IBM LotusLive, showcasing the entire suite of software-as-a-service products to prospective business customers.

          IBM Mobile Design
          Mobile Design
          LotusLive iOS UI Design

          I worked with the Lotus UX team to create beautiful and efficient mobile interfaces for leveraging the power of our collaboration suite. These UIs were made to fit the natural and emerging interface standards championed by Apple and to enable the full set of desktop features for mobile users.

            Projects
            Quartz UI Interface Framework
            Rocket Deco - Art Deco Font
            Litho Deco - Art Deco Font
            Sonam - New and Ancient Music Logo
            Click to View
            Quartz UI Interface
            Quartz UI
            Front-End Framework for Full-Screen Web Applcations

            This complete theme-neutral front-end framework is a great starting place for standards-compliant user interfaces that need a solid HTML, CSS, and Javascript foundation. The kit enables fast web development, mobile optimization, and simplified styling of HTML form elements.

            • Interface
            • Framework
            • Mobile
            • Fullscreen
            Quartz UI Responsive Mobile Design
            Quartz UI Mobile
            Responsive Design for Quartz UI

            The mobile interface for QuartzUI leverages CSS3 media queries to enable content-parity between desktop and handheld interfaces. Multi-column layouts collapse, and standard navigational elements like headers and navigation become accessible via a single tap.

            • Responsive Design
            • Mobile First
            • Media Queries
            Rocket Deco Font Specimen
            Rocket Deco
            Art Deco Font

            This font was designed as a derivative of the Rocketeer font, neutralizing some of the eccentricities specific to its unique character. Similar to many fonts developed in the early 1900s celebrating industrial growth and the machine age, Rocket Deco maintains a beautiful balance between legible proportions and the influence of machining.

            • Art Deco
            • True Type
            Litho Deco Font Specimen
            Litho Deco
            Art Deco Font

            Designed to reflect Italian poster design of the 1930s, Litho Deco embraces pure geometry at the sacrifice of humanist ratio ideals. Wonderful as a title font, Litho communicates the fascination with plasticism and geometry demonstrated by art movements of the early 1900s.

            • Art Deco
            • True Type
            Sonam Singers of New and Ancient Music Logo
            Sonam Identity
            Professional Music Ensemble Branding

            The visual identity of Sonam fuses typographic shapes of the renaissance with modern and abstracted forms of traditional music. The logo itself reflects the visual parti of a music stand and showcases shapes of musical notation — all while expressing the energy, aesthetic clarity, and strife for perfection among its performers.

            • Logo Design
            • Typographic Design
            About

            Hi, I'm Josh.

            I'm Joshua Smith, a web designer & interface developer in Durham, North Carolina. I'm the Art & UX Director at Argyle Social, and have worked as a Visual Designer at IBM.

            Contact

            Get in touch.

            Let's build something amazing together! I'm currently taking on additional projects and would love to hear your ideas.

            Thanks for reaching out!

            Quartz Studio featured on One Page Love