The Process of Becoming: Plan. Create. Build. Revise. Jeff Jackson's Portfolio

About

A bit about me

UX-er.

Designer.

Developer.

Jeff Jackson User Experience Designer and front-end developer.
I have a need to design and build beautiful, user-centered websites that are functional and easy to use.

I’m Jeff Jackson. I create online experiences. I thoroughly enjoy the design / development process of creating online experiences. I’m a "Designer / Developer" short for Graphic Designer, Senior Web Designer, UX Designer, Front-End Developer and WordPress Developer.

Becoming Design | Jeff Jackson Designer

Proficiencies

Plan

  • Market Research
  • Concept Exploration
  • Content Strategy
  • Information Architecture
  • Requirement Scope
  • Product Definition

Create

  • Art Direction
  • User-Centric Design
  • Wire-Framing
  • Prototyping
  • Graphic/Web/Mobile Design
  • UX/UI Design

Build

  • Responsive Design
  • HTML5/CSS3
  • Jquery
  • WordPress Theme Dev.
  • Front-End Optimization
  • Site Performance

Revise

  • Usability Testing
  • Analytic Interpretation
  • SEO Strategies
  • Content & Layout Testing

Process

The Becoming

Plan

Planning is the foundation of any successful project. It answers the critical questions: who, what, when, where, and how. Effective planning identifies the right resources, facilitates collaboration among stakeholders, explores potential solutions, and establishes a clear path forward.

Create

With direction set, I sketch and wireframe multiple layouts and visual concepts. Stakeholder feedback drives iterative refinement throughout this phase. HTML prototypes reveal functionality and UX issues before development begins. The result: a validated design ready for implementation.

Build

By this phase, developers, both back-end and front-end, have been involved as stakeholders throughout the process, so production-ready code is already underway. Back-end developers focus on server-side solutions, while the designer/front-end developer handles website performance, optimization, analytics, social media integration, and ad setup if needed. The site launches, but the work doesn't stop there.

Revise

The revise phase focuses on testing and refining the website through multiple methods. Conduct usability tests to identify pain points, analyze tracking metrics to understand user behavior, and run A/B tests to optimize layouts. Additionally, have an SEO specialist review content to ensure strong search rankings and effective audience engagement.

I translate business needs into functional, proven online solutions that best communicate and achieve business goals.

The Becoming

Yes, comparing the design process to a butterfly's metamorphosis is clichéd, but it's also accurate. Creating a successful online experience is complex, transforming through multiple phases and iterations before emerging as something beautiful, functional, and intuitive.

Repeat Process

Every project sharpens my skills. I take what I learn and apply it immediately, refining my design process, strengthening my technical abilities, and becoming more effective with each iteration.

Plan. Create. Build. Revise.

Work

Selected Projects

Work 1 of 7

1

Carrington Contracting Inc.

Durham | NC
  • Role | Plan. Create. Build. Revise.
  • Employment | Becoming Design
  • CMS | WordPress
  • Becoming Design- Carrington Contracting

    1 / 5

    Carrington Contracting Inc. is a general contracting company with two distinct divisions, single family residential and commercial contracting. Their main goals for the redesign include restructuring how their company divisions get presented, allow the end user a "quicker, easier read" to learn about the company, a move to a more dynamic online presence with social media marketing, blogging, and a SEO campaign. We decided the two divisions would each have a responsive one page website. WordPress would be the CMS. I designed & developed a custom theme which enhances their existing brand and achieves their goals.

  • Becoming Design- Carrington Contracting

    2 / 5

    Read +

    We had informative meetings and brainstorm sessions to establish a direction that met their business goals. I provided wire-frames to communicate the concepts. After vetting the website vision with Carrington Contracting, I designed the site via Photoshop mocks and HTML prototypes.

  • Becoming Design- Carrington Contracting

    3 / 5

    Read +

    I designed the site from a mobile first approach and helped optimize the site by converting the vector graphics into icon fonts.

  • Becoming Design- Carrington Contracting

    4 / 5

    Read +

    I used a blue and green color scheme to distinguish their two company divisions. The website landing page funnels the user to the appropriate information.

  • Becoming Design- Carrington Contracting

    5 / 5

    Read +

    I used the circle shape as a symbol to convey a message of thoroughness. Carrington Contracting expects to exceed their customers expectations with every phase of a project.

Work 2 of 7

2

American City Business Journals

Charlotte | NC
  • Role | Plan. Create. Build.
  • Employment | American City Business Journals
  • CMS | WordPress
  • Becoming Design- American City Business Journals

    1 / 5

    American City Business Journals wanted to redesign their corporate website to be a career opportunity recruitment tool. The landing page features a variety of individuals that excel in their current position. Each has their own bio page with a Q & A section which offers a peek into the ACBJ work culture. Throughout the site it is very easy to view all career opportunities and apply. The site also features the digital and print publications.

  • Becoming Design- American City Business Journals

    2 / 5

    Read +

    I met with senior management to devise a content strategy. I determined we should develop a responsive website using WordPress as a CMS. I gathered the content from various sources, started wire-framing concepts, and headed up the featured people photo shoot.

  • Becoming Design- American City Business Journals

    3 / 5

    Read +

    The content shaped the design. I wanted each section to be easily navigated but also consistent and predictable. Social media integration was important for the publication pages.

  • Becoming Design- American City Business Journals

    4 / 5

    Read +

    A mobile view from acbj.com featuring the Hemmings Motor News publication.

  • Becoming Design- American City Business Journals

    5 / 5

    Read +

    I used a flexible grid-system that allowed me to easily adjust the responsive layout to adapt based on content. As a custom WordPress theme, I built the templates and integrated the CMS functionality by configuring the back-end.

Work 3 of 7

3

Charlotte Ski and Snowboard Club

Charlotte | NC
  • Role | Plan. Create. Build.
  • Employment | Becoming Design
  • CMS | WordPress
  • Becoming Design- Charlotte Ski and Snowboard Club

    1 / 6

    The Charlotte Ski and Snowboard Club contacted me about creating a new website and a fresh, sleek brand identity. I met with the club officers for an initial requirement scope, concept exploration and brand strategy. They wanted to target a younger audience and increase memberships. The website had to have a news feed, event calendar, photo & video gallery, member directory, e-commerce system to process new memberships and a social media strategy.

  • Becoming Design- Charlotte Ski and Snowboard Club

    2 / 6

    Read +

    I continued to meet with four or five of the club officers to discuss the project. I went through many logo iterations, see above, before finally capturing the essence of their vision. Once the brand got defined, the other pieces fell into place. I decided to use WordPress as a CMS. I designed and developed them a custom theme.

  • Becoming Design- Charlotte Ski and Snowboard Club

    3 / 6

    Read +

    I carried the brand look and feel to all the other marketing collateral. This brochure was used to generate interest in the club and get people to the website.

  • Becoming Design- Charlotte Ski and Snowboard Club

    4 / 6

    Read +

    The club had me create fliers for their events.

  • Becoming Design- Charlotte Ski and Snowboard Club

    Read +

    I conceptualized how their race team suits could look like as well as a t-shirt design.

  • Becoming Design- Charlotte Ski and Snowboard Club

    6 / 6

    Read +

    I also created branded business cards, stationary and envelopes.

Work 4 of 7

4

Archived Designs

Charlotte | NC
  • Role | Plan. Create. Build. Revise.
  • Employment | Pro Systems
  • Archived work

    1 / 1

    I had the privilege to work with many small to medium sized businesses when I was Senior Web Designer with Pro Systems. I worked directly with each client and was involved in all processes: Plan. Create. Build. Revise.

Work 5 of 7

5

Nisbet Oil Company

Charlotte | NC
  • Role | Plan. Create. Build. Revise.
  • Employment | Pro Systems
  • Becoming Design- Nisbet Oil Company

    1 / 4

    Nisbet Oil Company approached us to redesign their website. Their existing brand was unprofessional. I suggested we rework the brand and website. We provided them with a simple, clean website and a bold, rejuvenated brand.

  • Becoming Design- Nisbet Oil Company

    2 / 4

  • Becoming Design- Nisbet Oil Company

    3 / 4

  • Becoming Design- Nisbet Oil Company

    4 / 4

Work 6 of 7

6

Selected Logos

Charlotte | NC
  • Role | Plan. Create. Build. Revise.
  • Employment | Various
  • Becoming Design- Artefino Fine Art

    1 / 6

  • Becoming Design- Cotswold Psychological Associates and MD Payne Photography

    2 / 6

  • Becoming Design- Products of America and Charlotte Ski and Snowboard Club

    3 / 6

  • Becoming Design- Nisbet Oil Company

    4 / 6

  • Becoming Design- TechFlash and Jackson-Deaton Vivid Expressions

    5 / 6

  • Becoming Design- Jubilee

    6 / 6

Work 7 of 7

7

Personal Projects

Charlotte | NC
  • Role | Plan. Create. Build. Revise.
  • Employment | Becoming Design
  • Becoming Design- Jeff Jackson

    1 / 6

    I converted our old family videos from reels and VHS tapes, dating from the 1940's to present, into a DVD format and decided to brand the project.

  • Becoming Design- Jeff Jackson

    2 / 6

  • Becoming Design- Jeff Jackson

    3 / 6

  • Becoming Design- Jeff Jackson

    4 / 6

  • Becoming Design- Jackson-Deaton Vivid Expressions

    5 / 6

    My wife is a talented wreath designer. So we decided to brand her venture and start a small craft business.

  • Becoming Design- Jackson-Deaton Vivid Expressions

    6 / 6

Contact

Get in touch

Phone

704.763.9775

Email