Skip to content

Return

Portfolio

Menu

Portfolio

Portfolio

Merchant Account Solutions Branding
SmartSwipe Branding
POS Pros Site
PointofSale.Store Landing Page
SmartSwipe Cash Register iPad Design
SmartSwipe POS iPad Design
Gourmet 88 Site
Stay Swole Gym Site
Yama’s Judo Dojo Site

Contact

Menu

Portfolio

Pointofsale.store Landing Page

PRODUCTION

OUTPUTS

PRODUCTION

Project Goals

The Point of Sale Store landing page is designed to bring a cleaner and more modern look to the site, which is a reseller for Clover^R hardware. I used updated images from their official Clover^R site and displayed them in an array for the hero image so users can see the various solutions they offer. Further down, I used an image with people to add a human touch to the page. I used the green swatch found on the site to bring attention to the Call to Action sections and primarily as an color accent. I also paraphrased the verbiage by using bullet points to make it easier to digest information regarding each different processing solution along with video links to their youtube videos. Ultimately, the goal was to create a single page that was clean and informative.

My Process

01

I discuss with the client what information they would like to present, images to use, color assets, and typefaces. After I get a feel for all the content and number of pages for the site, I start to formulate a plan to execute.

02

I start with a wireframe using Adobe Photoshop. This will be used as a template to show where the images, icons, and the provided verbiage will go as placeholders. Then I will flesh out each page using the discussed assets such as typefaces, color scheme, imagery, and icons.

03

After creating and laying out the design that includes all the assets, I use Adobe XD to prototype the site’s functionality. This will include how the navigation will function, the buttons hover effects, and where each button and link will lead to.

04

Once approved, I will slice each graphical element so I can store and add them to the site. I will reference the designed pages and page building modules and some custom code to create each page. Finally, I will test each version of the site for desktop and mobile options.