Johnny (AL)

I'm a UI/UX Designer & Developer


about me

I'm the guy from a small town with BIG dreams - Dreams of making everyone I come in contact with, lives a little easier, by molding ideas into great experiences.

Personal information

  • NameJohnny (AL) Winsley
  • City/StOrlando, FL
  • EmailWinsleyAL@gmail.com
  • Telephone4079860121
author signature


  • HTML5
  • CSS3
  • Javascript (ReactJS)
  • JQuery
  • NodeJS
  • MySQL

Landing pages | E-commerce websites | Small Business websites | University websites | Bootstrap | CMS [ Joomla, WordPress, Magento, Drupal, Shopify, BigCart, ] | Mobile app | UX: User Experience & UI: User Interface design | Analysis & Website improvement | Custom Solutions | Hosting & Maintenance | SVN | GIT | Interactive Banners | Brand books | Infographics | Video Editing

+ Agile Development

Scrum, Kanban


  • Office

    MS Word, Excell, Access, Power Point; Keynote etc.

  • Graphic Design

    Adobe Photoshop, Adobe Illustrator, Adobe Premiere, Adobe InDesign, Adobe XD, Sketch

  • Web Development

    Brackets, Dreamweaver, Sublime Text

  • Project Management

    Atlassian Jira, Asana, Wrike, Slack, Insightly, Trello, Freedcamp, Google Hangouts

what i do?

Aside from drinking 3.23 cups of coffee per day, I design and build meaningful web apps and print material that clearly communicate with visitors. I also pretend to be a master musician while pecking on my piano.

User Research / Innovation

Understanding why a user does a specific thing at a specific time or why a customer looks for a certain action in a certain place is the key that can make or break a product. I love listening to the sarcastic rants or blunt comments made by users - I'm here to please

Wireframing, Prototyping, & Front End Dev.

I'm not a carpenter, but I like to blueprint. I'm not outkast, but I like looking at prototypes. I also enjoy drawing pretty flowers, and making those flowers interactive to shoot out missiles with a user click...too much?

Visual & Interaction Design

Milton Glaser said, “There are three responses to a piece of design – yes, no, and WOW! ... I shoot for the WoW everytime!

featured Projects

Take a look at some of my work!

Company Intranet

Every CEO expects their company to grow and expand. And when it does, the personnel and operations of the company can become somewhat stagnant if the communication is lacking. In this case, the company tripled in staff within a few months - and then grew 120% the next few years. You can imagine trying to communicate through messengers and overflowing emails daily, while also manually handling HR duties.

"AL!, We need an Intranet for the company", My manager said. "We need all of our Apps, websites, documents, Calendars, and Help Desk under one roof".
"Ok", I said. "I'll get on it!".

The Research

The Audience

Salesman, Officers, Help Desk, oh my!
Closers, underwriters, realtors, no problem.
Managers, HR, IT...


Information NON-distribution can Kill a company. If ONE team member is out of the loop, money could be lost. Having a centralized location to communicate can save tons of time, and time is money.


Most people, if not all - Love automated processes. Company manuals and documents are easily accessible, paperless forms save time, and company engagement are keys to success.

The Sketches

white board sketch post-it sketch

The Goal

Improve Communication through chatbar/timeline- check
Central location for manuals and documents - check
I.T. help desk form - check
Pipeline flow table - check
Training Module setup - check
Timeclock and HR setup - check
Timeline access and manager view - check
User-friendly CRM and directory - check!

The MockUp / Product

Intranet MockUp Home Intranet MockUp Pipeline Intranet MockUp Refi Intranet MockUp Training Module

The Love

"I love it! This is amazing work". - Co-worker
"You did a great job. Makes our lives easier." - a Manager
"Finally I have someone that can build something!" - CEO

Reliance Mobile App

The App

Reliance is a property Itemizer app to quickly make and send claims to Insurance companies for lost, damaged, or stolen property.

The Goal

Set up a simple way people can:
1. Itemize their home/property.
2. Be able to take photos, upload receipts, and document items.
3. Be able to quickly download or email a itemized list for Insurance claims.

The Sketches

The Mockups

The Love

"OMGGG! That's what I'm talking about">- Happy Client

Garments That Move

The Brand

GTM is a small business that specializes in custom dress and dance garments.

I knew nothing about the garment industry prior to this, but who doesn't like a challenge?

The Target

The ideal client is a young lady between the ages of 12 and 35.
Although the single client is the primary, dance teams are also a target market.

Digital Style Guide and Web MockUp


  • All
  • Web
  • Print

Mobile UI Mockup for Car Dealer

DTCC Business Card

Logo for Market Trading Campaign

Landing Page for University of Florida recuitment campaign

T-shirt design for AFNF brand

Flyer Design for Club Fiya

Realtor Mobile app UI

GTM Business Card

Melanin Logo and Product Design

Company Portal Mockup

DTCC T-shirt

lParkland Book Flyer

Vehicle Wrap MockUp

Photo Manipulation

Jude 3 Logo

RP Web MockUp

Product Banner

Promotional Flyer