Web Design

High-quality, innovative, UI/UX-friendly website design and layout. I create eye-catching, Mobile responsive website designs and layouts. This is just a small sampling of what I do.

  • Custom WordPress Web Design, Lowell Blake

    web-design-custom-wordpress-theme-lowell-blake

    This particular phase of this project was to design the front-end of a new WordPress site for the Lowell, Blake and Associates Law Firm in Massachussetts. This involved creating the concept for the user interface, which consisted of switching to a long-form homepage, coupled with interior pages that display further information. The long-form homepage has content sections which give teasers of info with links to read further.

    Read More
  • Custom WordPress Web Design, AlwaysFunnyinPhilly.com

    Daylight Digital Media produces a variety of projects, many of which include websites geared toward the entertainment industry. This particular website is to serve as the future (official or unofficial, as yet undetermined) fansite for the television show It’s Always Sunny in Philadelphia on FX Networks.

    This design features a very simplistic landing section, but with a surprise. Ther are a actually a series of animations that take place on the screen in the places that are seemingly empty. Characters come in and out of view, and the base set of characters under the logo, although stationary, also are animated (sequences of facial expressions, etc).

    Read More
  • Custom WordPress Web Design, Lake Parlin Lodge & Cabins

    lake-parlin-lodge

    This custom WordPress theme and website was created for Lake Parlin Lodge & Cabins, in Maine. This WordPress theme contains a variety of layouts for the different pages of the site, and makes use of complex functionality, as well as an intensive front-end user interface.

    The theme is fully mobile responsive, and also has adaptive functionality based on mobile browser (ie, Apple vs Android).

    The site’s functionality includes a custom contact form, Google Maps API integration, a custom booking-date API integration, a variety of media-based functionality, advanced posting functionality, and more.

    This theme and website primarily makes use of jQuery, PHP, AJAX, HTML5/CSS3 and MySQL.

    Read More
  • web-design-custom-html-landing-page-design-origin.jpg
    web-design-custom-html-landing-page-design-origin.jpg

    Custom Landing Page Design; Origin Technologies

    web-design-custom-html-landing-page-design-origin-2

    This design was created for the purpose of displaying a landing page, geared towards a specific market the client is targeting. I think it should be clear that this market is the financial services industry. The client offers IT services to these firms, and is now offering a cloud computing service that they wish to call attention to.

    This design was created for the purpose of displaying a landing page, geared towards a specific market the client is I created the illustration in the center of the call to action area, by combining several elements together. I took a stock image of a tablet, and create some vector graphics of charts. I combined these together with a blue background, mixed with a black hue, to provide a realistic looking screen. I then created the rising bar graph elements in Photoshop, applying a glow effect to them where needed, to produce a realistic effect. I then used a stock image of a globe, and created some cloud textures in Photoshop. I wanted to go subtle with this, to give it a very high-class look, so I used minimal clouds. Just enough to give the implication. All together these images combined to tell the story quite well, I think you’ll agree.

    web-design-origin-technologies-landing-page

    Read More
  • web-design-custom-html-landing-page-quantgo
    web-design-custom-html-landing-page-quantgo

    Web Design; Custom Landing Page; QuantGo

    web-design-custom-html-landing-page-quantgo

    Web Design; Custom Landing Page

    Client: QuantGo

    Scope: Conceptualize and design custom landing page

    Extras: Custom Digital Illustration (Flow Chart)

    Project Details: create an appealing layout/design for landing page, with primary focus on call-to-action and “hero” banner

     

     

    Read More
  • web-design-custom-wordpress-theme-royal-sem
    web-design-custom-wordpress-theme-royal-sem

    Web Design; Custom WordPress Theme; Royal SEM

    web-design-custom-wordpress-theme-royal-sem

    Web Design; Custom WordPress Theme; Royal SEM

    Client: Royal SEM

    Scope: Web Design, Layout, WordPress Theme Development, HTML/CSS(3), jQuery, PHP

    Project Details: Royal SEM is a full-service search engine marketing firm. They provide a wide range of services, truly giving you “the royal treatment”. The goal of this design was to encapsulate the “regal” spirit of the company entity and to convey its underlying mission statement in a visual capacity

    Client desired a fully illustrated homepage, completely custom. I created several cartoon style elements, and incorporated them into the design. The overall intent here, is simply to gain visual interest to maintain retention.

     

     

    Read More
  • web-design-user-interface-ui-pricing-slider
    web-design-user-interface-ui-pricing-slider

    Custom UI/UX; jQuery, PHP, HTML/CSS; Pricing Slider

    web-design-user-interface-ui-pricing-slider

    Sliding Pricing Calculator UI/UX with WordPress Integration

    Client: EnVisual

    Scope: Design and develop a sliding pricing calculator interface that simulates and actual sliding element that the user can slide up or down to alter the calculated results, with integration into WordPress.

    Skills Required: jQuery/AJAX, PHP/MySQL, HTML/CSS, WordPress

    Project Details: The purpose of this application is to provide customers with an interface to determine pricing. The different sliders can have default parameters set, and those numbers are increased as the slider is engaged. The increase is based on number of items at that price.

    In order to accomplish this, I also made use of Google’s exchange rate API, in order to allow the user to switch between exchange rates, in order to see the difference in cost, and also to be sure that the results match their expectations (for international use).

    This particular slider was integrated with a WordPress page template, in order to be integrated into a WordPress site. Therefore, it is theoretically able to be integrated into any install, and used with a different concept in mind. At some point, I will build something a little more complex, that can be downloaded and installed.

    If this project interests you, and you’d like to know more about how I accomplished it, please feel free to contact me. Additionally, if you need a pricing slider, written in php, jQuery, and HTML/CSS, please feel free to contact me to discuss your needs.

     

     

    Read More
  • WordPress Theme Design; Owl Public Relations

    owl-pr

    Read More
  • Web Design; Landing Page

    web-design-landing-page-smeraldi-attorney

    Web Design & Development; Custom WordPress Theme

    Client: Joseph A. Smeraldi

    Scope: Web Design, Layout, WordPress Theme Development, HTML/CSS(3), jQuery, PHP

    Project Details: Joseph A. Smeraldi is an attorney in Lowell Massachussetts, offering specialized services and general attorney services. He wanted to create a new site to better showcase the services and experience he offers, and approached me to do so. We decided to opt for a “one-page” site, displaying all content on the homepage, allowing the user to scroll to each section without leaving the page.

    The design and theme are mobile friendly, and are responsive to the width of the device the user is viewing it on

     

     

    Read More
  • Web Design; Custom WordPress Theme; Walk Your A.S. Off

    web-design-walk-your-as-off

    Web Design & Development; Custom WordPress Theme

    Client: Walk Your A.S. Off

    Scope: Web Design, Layout, WordPress Theme Development, HTML/CSS(3), jQuery, PHP

    View the site: http://walkyourasoff.com

    Project Details: Walk Your A.S. Off is a charitable organization which helps those who suffer from A.S. They had a pre-existing WordPress site that was using a pre-made theme from WordPress.org. They were hoping to attract new sponsors, and wanted to update their website with a new custom theme, which would be more catered to their needs.

    The client required both the design and development of the theme, so I began by providing some initial layouts, created in Adobe Illustrator. Once we arrived at a solid design that would meet the needs of the group, I began developing a custom WordPress theme from scratch. Some of the elements that were required were custom sign-up forms, as well as custom profile fields and displays, along with total tallies of users’ meta data.

    Users can sign up, and visit a custom profile page for themselves. On this page, they can also enter the number of steps they have walked for the charity for that week. These are stored and tallied automatically as they increment, as well does a running total of the entire user population.

    As with all projects these days, this theme was created to be responsive to all devices, so that it would be mobile-friendly. To do this, I’ve altered the layout depending on the width of the device, using @media queries.

    The site seems to have been an improvement to their pre-existing site, and has some improved functionality as well.

     

     

    Read More
  • web-design-custom-wordpress-theme-jon-day-design
    web-design-custom-wordpress-theme-jon-day-design

    Web Design; Custom WordPress Theme; Jon Day Design

    web-design-custom-wordpress-theme-jon-day-design

    Web Design & Development; Custom WordPress Theme

    Client: Jon Day Design (Self)

    Scope: Web Design, Layout, WordPress Theme Development, HTML/CSS(3), jQuery, PHP

    Project Details: I designed and developed this theme some time ago, and it used to be in place of the current theme of this site. The current theme is also custom built by me. The theme above uses jQuery sizing to create a nice, sleek grid that maintains itself, with modals to display the content for each project.

     

     

    Read More
  • web-design-custom-wordpress-theme-royal-sem
    web-design-custom-wordpress-theme-royal-sem

    Web Design; Custom WordPress Theme; Royal SEM (below the fold)

    web-design-custom-wordpress-theme-royal-sem

    Web Design, Custom WordPress Theme, Royal SEM

    Web Design; Custom WordPress Theme; Royal SEM

    Client: Royal SEM

    Role/Project Scope: Web Design, Layout, WordPress Theme Development, HTML/CSS(3), jQuery, PHP

    Royal SEM is a full-service search engine marketing firm. They provide a wide range of services, truly giving you “the royal treatment”. The goal of this design was to encapsulate the “regal” spirit of the company entity and to convey its underlying mission statement in a visual capacity.

    Read More
  • Web Design; Custom WordPress/Fullscale Site; MyVici

    web-design-custom-wordpress-theme

    Web Design & Development; Custom WordPress Theme; Full-scale Social Networking and Daily Deals Site

    Client: MyVici

    Scope: Web Design, Layout, WordPress Theme Development, HTML/CSS(3), jQuery, PHP, Google API Integration, AJAX, Drag & Drop UI/UX, Buddypress

    Project Details: MyVici was the brainchild of Mike Tokar of Origin Technologies. My role in the project was initially to handle only the design, but after some time, it was realized that it might be best for me to head up the development as well. We had another developer working on the project, and although he was skilled, things just weren’t “aligning” the way we had hoped. So, I stepped in, shifted us to using WordPress in order to make some use of the custom functions that already exist within WordPress.

    Initially, the site was intended to be a competitor to Groupon, offering daily deals that are purchased using the “group buying” method. Over time, more and more functions were added to the site, as the scope and scale of the site increased. At this point, I actually traveled to the client’s location in Framingham, Massachussetts, and spent multiple months living in a Red Roof Inn, coding custom features of the site.

    Some of the innovations used in the site include:

    • Drag & Drop sharing of content with friends in user’s sidebar panel
    • Locate and select from Google API a listing for a particular business
    • Connect to all friends from your contact list, or via an existing social network (before this was common)
    • Manipulated Buddypress to the point of being an almost entirely new system
    • Real-time voting and storage of vote counts, as well as the ability to filter/order by those counts

     

     

    Read More
  • web-design-custom-flash-site-karlee
    web-design-custom-flash-site-karlee

    Web Design; Flash Website; Karlee

    web-design-custom-flash-site-karlee

    Web Design, Custom Flash Site, Karlee

    Web Design; Flash Website

    Client: Karlee “Feed Your Head”

    Project Scope: layout and design for custom flash website

    Read More
  • web-design-custom-wordpress-theme-thinkbelievegrow
    web-design-custom-wordpress-theme-thinkbelievegrow

    Web Design; Custom WordPress Theme; Think Believe Grow

    web-design-custom-wordpress-theme-thinkbelievegrow

    Web Design, Custom WordPress Theme, Think Believe Grow

    Web Design; Custom WordPress Theme; Think Believe Grow

    Client: thinkbelievegrow.com

    Role/Project Scope: Web Design, Layout, WordPress Theme Development, HTML/CSS(3), jQuery, PHP

    Read More
  • web_design_port_recovery
    web_design_port_recovery

    Web Design; Custom HTML Website Design/Layout; Port Recovery

    web_design_port_recovery

    Client: Port Recovery

    Role/Project Scope: Full Website Design and Layout

    Read More
  • web-design-custom-wordpress-theme-buxton-jobs
    web-design-custom-wordpress-theme-buxton-jobs

    Web Design; Custom WordPress Theme; Buxton Jobs

    web-design-custom-wordpress-theme-buxton-jobs

    Web Design, Custom WordPress Theme, Buxton Jobs

    Web Design; Custom WordPress Theme

    Client: Buxton Jobs

    Project Scope: Fullscale Job Board, using the WordPress platform. Custom post types, customized registration process, ability to create profiles, search tool for searching profiles, job postings, job search, resume upload

    Read More
  • web-design-custom-wordpress-theme-turin-tech
    web-design-custom-wordpress-theme-turin-tech

    Web Design; Custom WordPress Theme; TurnToTech

    web-design-custom-wordpress-theme-turin-tech

    Web Design, Custom WordPress Theme, Turing Tech

    Web Design; Custom WordPress Theme

    Client: TurnToTech

    Project Scope: create an eye-catching, appealing design and layout for a fullscale wordpress site

    Client required various functions, such as custom post type creation, events scheduling, staff member directory with profile pics.

    Read More
  • web-design-custom-wordpress-theme-origin-technologies
    web-design-custom-wordpress-theme-origin-technologies

    Web Design; Custom WordPress Theme; Origin Technologies

    web-design-custom-wordpress-theme-origin-technologies

    Custom WordPress Design; Origin Technologies

    Client: Origin Technologies, Inc. ; Framingham, MA

    Role/Project Scope: Website Design and Layout, HTML/CSS, Custom WordPress Theme, Custom Icon Design, jQuery animations

    Read More
  • Web Development; Custom HTML Website; Origin Technologies

    Web Development; Custom HTML Website; Origin Technologies

    Read More
  • web-design-custom-wordpress-theme-long-island-home-expo
    web-design-custom-wordpress-theme-long-island-home-expo

    Web Design; Custom WordPress Theme; Long Island Home Expo

    web-design-custom-wordpress-theme-long-island-home-expo

    Web Design; Custom WordPress Theme

    Client: Long Island Home Expo

    Role/Project Scope: Website Design and Layout, Custom WordPress Theme.

    Read More
  • web-design-custom-wordpress-theme-economic-innovation-institute
    web-design-custom-wordpress-theme-economic-innovation-institute

    Web Design; Custom WordPress Theme; Economic Innovation

    web-design-custom-wordpress-theme-economic-innovation-institute

    Web Design; Custom WordPress Theme; Economic Innovation Institute

    Client: Economic Innovation Institute

    Role/Project Scope: Fullscale WordPress Theme Design/Layout

    Read More