Responsive, Elegant, Simple

Center Image of Mission Statement Section

To target all small and middle-sized startups or anyone that wants a great looking websites that is simply beautiful and easy to use.

Please reach me at 201-486-9155.

My core business is WordPress development/design.

I will provide basic SEO (search engine optimization) techniques that exist to give your site an advantage in the ranking, and many of these apply to Web design.  I can bump up your site’s ranking just by optimizing the text and links.

I also provide accessibility, so that more people can access your content using special devices like screen reader and voice command.  These devices are becoming mainstream not just for visual impair.  Phones and even cars can read your website back to you.  The possibilities are endless.


main menu

Service

Center Image of Service Section

Image of the Facebook logo Visit my Facebook page

Welcome to ARJ-Web-Design and as I said in my "Mission Statement" that I build great looking websites that are simply beautiful and easy to use.

If you need to convert your website to WordPress (CMS) I can help or if you looking to update your website I can help.  if you want a Wordpress (CMS) blog/website or a cost-effective e-commerce website I can help.  Plus, if you need to create a website from your PSD/AI file I can help.

If you need a website, but don't have the means yet to pay for one, I sometimes create pro bono websites helping the little guy by providing 5 pages free of charge. You must host with me which I charge a monthly hosting fee.  If you want to use your own hosting company then you have to pay for the website in full.

My fees are reasonable that I will not break your bank.  Addition, to charging for creating your website I charge a monthly hosting/maintenance fee to keep your website current and fresh.

Please reach me via Contact form or call me direct at 201-486-9155..

Thank you for considering me for your website design project.


What you can expect if you hire me for your website design project.

  • Great, fast loading, modern design
  • Basic SEO (Search Engine Optimization) to help you rank better
  • User friendly/Search engine friendly navigation menu
  • Create website with Accessibility technique
  • Submit your website to search engines
  • Plus, provide a Responsive Design website
  • Email/information request forms to allow visitor feedback and inquiries
  • Checkout this Web Design Life Cycle/Grid Checklist
  • Upload to your website host when going live
  • Free minor changes for two weeks following launch of new site
  • Ongoing support for questions and issues

We can also use all of the jQuery UI Interactions, Widgets and Effects to give you highly interactive websites.



Portfolio

Center Image of Mission image


Adobe Photoshop Files


New Design/Templates Creation




Portfolio 4

Concepts

Created using CSS

Active

Repository 1

Active

Repository 2

Active

Repository 3

Active

Repository 4

Active

Repository 5


Active

Repository 6

Active

Material Login

Active

Material Record Screen

Active

Material Input

Active

Material Update



main menu


Portfolio 5

Active

Material Delete

Active

Material Report

Active

Bumper Sticker

Active

Truck Magnet

Active

Poster

Active

Poster


Active

Poster

Active

Poster

Active

Brochure (outside)

Active

Brochure (inside)

Active

Flyer

Active

Flyer


Active

Business Card

Active

Project Plan Sys (SAdd)

Active

Project Plan Sys (SView)

Active

Project Plan Sys (SUpdate)

Active

Project Plan Sys (SDelete)

Active

Project Plan Sys (PNew)


main menu


Portfolio 6

Active

Project Plan Sys (PReport)

Active

Project Plan Sys (TNew)

Active

Project Plan Sys (TReport)

Active

CDSC Login

Active

CDSC Main Page

Active

CDSC Search


Active

CDSC Contact Form

Active

CDSC Input Record

Active

CDSC Email Form

Active

CDSC Search

Active

CDSC Calculates Age

Active

CDSC Validation


Active

CDSC Frame Display

Active

CMS Content Utility

Active

CMS Admin Login

Active

CMS Search Page

Active

CMS Create Dir

Active

CMS Create Sub Dir


main menu


Portfolio 7

Active

CMS Template Doc

Active

CMS Create New Doc

Active

CMS Upload Page

Active

CMS Suggestion Form

Active

CMS Edit Doc

Mockup

AfroViolet Main Page


Mockup

AfroViolet Special Offer Page

Mockup

AfroViolet Cart Page

Mockup

NookMag22.png

Mockup

Nook About Page

Mockup

Nook Contact Form

Mockup

Nook Portfolio


Design

Design With Letter Overlay

Mockup

Frankie Website

Mockup

Career Coaching

Mockup

Grorganic Website

Mockup

Marissa Interior Website Home

Mockup

Marissa Interior Website Portfolio


main menu


Portfolio 8

Mockup

Zumba Life Website

Mockup

3cupsOftea Website

Mockup

Stem Flower Website

Mockup

Diane's Jewel

Mockup

Motor Bike Motion Website

Mockup

TeEtOp Website


Mockup

Jacqueline's Dominica Website

Design

Design 1 as Website

Design

Design 2 as Website

Design

Design 3 as Website

Design

Design 4 as Website

Design

Design 5 with Images


Mockup

Life&Career Website

Mockup

Al's RealEstate Website


main menu


Portfolio 9

Tools

Modify Grid Wireframe 1

Tools

Modify Grid Wireframe 2

Tools

Modify Grid Wireframe 3

Tools

Modify Grid Wireframe 4

Tools

Modify Grid Wireframe 5

Tools

Modify Grid Wireframe 6


Mockup

Wireframe Measuremens

Tools

Woodys StyleSheet 1

Tools

Woodys StyleSheet 2

Tools

Woodys StyleSheet 3

Tools

Woodys StyleSheet Cart System

Tools

Sandcastle Design Process - Strategy/Scope

Tools

Sandcastle Design Process - Personas

Tools

Sandcastle Design Process - Stories

Tools

Sandcastle Design Process - Structure UI Specification

Tools

Sandcastle Design Process - Structure Diagram


Portfolio 10

Tools

Mark Perrone Homepage

Tools

Mark Perrone 1

Tools

Mark Perrone 2

Tools

Mark Perrone 3

Tools

Mark Perrone 4

Tools

Mark Perrone 5

Tools

Mark Perrone 6

Tools

Mark Perrone 7

Tools

Mark Perrone 8

Tools

Mark Perrone 9

Tools

Mark Perrone 10

Tools

Mark Perrone 11

Tools

Mark Perrone 12

Tools

Mark Perrone 13

Tools

Mark Perrone 14

Tools

Mark Perrone 15


Why We Need A Responsive Website?

Center Image of Mission image

Responsive design is a way to provide websites suited to the device context of the user's operating system, screen size, or orientation. Due to the many mobile devices companies are now giving responsive design serious consideration. The implications of moving to a responsive approach of creating adaptable designs can seem overwhelming and it is, but the benefits are great.


It's important to understand how people view content on-line. Users are viewing content on mobile devices than ever before, and it is growing. According to various surveys, mobile web browsing will soon eclipse desktop browsing in the U.S. and worldwide.


People viewing mobile content isn't just happening on the go they are viewing content at home using mobile devices. According to a study from Google, it is 93% of people doing it.


The methodology behind responsive design is to design websites using the media query functionality in CSS3. Media queries target not only certain device types, but it actually checks the physical characteristics of the device that renders the page.

The code below "asks" the device if its max horizontal resolution is equal to 480px.

Check the statement below:

< link rel="stylesheet" type="text/css", media="screen and (max-device-width: 480px)", href="iphone.css" / >

If it is 480px, the device will load iphone.css. If it is not 480px it ignores the file.

You can create several test also include media queries in CSS as part of an @media rule:

@media only screen and (max-device-width: 480px) { body {background: #000; } }

The above code will make the background black if the device has a maximum horizontal resolution equal to 480px.


By using these media queries types we can enforce certain style rules based on breakpoints (mobile/tablet/desktop screen sizes). We can also use non fixed sized fonts like em measurements or percentages, instead of using pixel sizes. This allows the fonts to be flexible and base their size on the screen resolution of the device.


Responsive design may sound great and it is, but with mobile devices evolving on a daily basis creating custom designs for each device will end up being more work and more expensive. With emerging next generation of devices, we have to create new designs while still maintaining support for the legacy versions.


Building a responsive website involves all levels of digital design. From the front-end to the back-end. In the end, responsive design is driven by content and providing a better experience for users.


So the bottom line is Responsive design introduces complexity and can therefore take longer than traditional design. But with a content centric approaches, proper planning, and the ability to test and measure, a responsive approach can help brands significantly reduce their costs and future proof their digital investments.