Website Design Portfolio

Hi, My Name is Ben

My journey in WordPress web design began with crafting a website for my local church and expanding to serve other congregations. It was during this time that I laid the foundation for my expertise, delving into the intricacies of WordPress web development and design. Playing a pivotal role in constructing a robust online platform for RU Recovery Ministries propelled me to the next level. This monumental project encompassed an expansive e-commerce store with 1000+ products, complemented by a suite of bespoke features, including user logins, dashboards, and a localized chapter search database. When I joined Butler Branding, a design agency based in Fresno, California, I refined my craft and mastered the art of seamlessly transitioning from design concepts to fully functional websites. Today, my passion for web design continues as I build dynamic and impactful websites for churches, organizations, and businesses alike, driven by a relentless pursuit of excellence and innovation.

Profile picture of Ben, the founder of IFBDesign, smiling and dressed professionally.

Web Design Skills

Here is a list of my proficiency with web design and tools. To learn more about how I define these terms click here.

Dropbox, Slack, Asana, and Discord are just some of the productivity tools I am familiar with. I also own developer licenses for ElementorPro and Croccoblocks. I also have a license for the Adobe Creative Suite.

My Website Design Process

By meticulously following these steps, I ensure that your website not only embodies your brand identity but also delivers an exceptional user experience, driving engagement and conversions.

Step 1: Design Brief

During this initial phase, I delve into understanding your vision and objectives for the website. I prioritize comprehending your specific needs and goals, ensuring that every aspect of the design aligns with your vision.

Step 2: Brand Guidelines

In this stage, I establish the visual identity of the website to resonate with your brand. If you already possess brand guidelines, I integrate them seamlessly into the website design. Alternatively, if you don’t have established guidelines, I collaborate with you to develop a style guide that encapsulates your brand essence using Adobe Illustrator.

Step 3: Wireframes

Wireframing is pivotal in outlining the structure and layout of the website. Using Figma, I meticulously plan the user experience (UX) and user interface (UI) elements, ensuring an intuitive and seamless navigation experience for your audience. During this step, I may also create some graphical assets such as icons, or images using Adobe Illustrator and Photoshop.

Step 4: WordPress Development

With a meticulous approach, I initiate WordPress development by installing a blank theme, devoid of pre-existing styles or functionalities. Leveraging the power of ElementorPro, I meticulously craft the global styles and theme components, meticulously translating wireframes and brand styles into a visually stunning website.

Step 5: Customization and Optimization

In this phase, I customize the website further by incorporating any necessary custom post types and dynamic content using Crocoblocks and Jet Engine. Additionally, I optimize the website’s performance by configuring forms, notifications, and essential plugins to ensure security and speed.

Crafting Website Style Guides

Crafting website style guides ensures brand consistency and a seamless user experience. These guides outline typography, colors, imagery, and other design elements, empowering clients to maintain a cohesive online presence. My attention to detail in crafting style guides reflects my commitment to delivering design solutions that resonate with my clients’ audiences.

Breaking Chains

Wireframes that I designed in house while employed at Butler Branding Agency.

Experience Church

A church website wireframes that I designed as a freelancer developing a website for a local church and then developed into a product template to sell to other designers.

Dawson County Sheriff's Office

I built this wireframe as a freelancer for the Dawson County Sheriff’s Office based on the brand package I developed for them and then developed this wireframe into a WordPress website.

Kern County SBA

While working for Butler Branding I designed these wireframes for Kern County SBA.

Wireframes

Explore meticulously crafted wireframes, the foundational blueprints of my website designs. These wireframes serve as visual guides, outlining the structure and layout of each web page. With a keen focus on user experience, I strategically position elements to optimize navigation and functionality. My wireframes provide a clear roadmap for the development phase, ensuring seamless execution and alignment with my client’s vision.

Website Development

Here are some of my completed website developments, each a testament to my commitment to excellence in design and functionality.

LEAPS Therapy Clinic Website

Pictured is a website we custom designed for LEAPS a

Dawson County Sheriff's Office

Ask Pastor Podcast Website

Memorial Baptist Church

National Character Association

Kern County Southern Baptist*

*This is one of many sites I developed while working for the Butler Branding agency.

Healthcare Website Development

Explore a curated collection of websites developed while working for Butler Branding. Each project showcases my expertise in WordPress development, UI/UX design, and custom feature implementation, delivering immersive digital experiences tailored to clients’ unique needs and objectives.

Family Healthcare Network

I initiated the development of the Family Healthcare Network website as a freelancer before transitioning to a full-time role. My responsibilities encompassed creating custom post types to facilitate seamless addition of providers, services, and locations for the client. I implemented dynamic content and search functionalities for enhanced user experience.

Cornerstone Family Healthcare

I also spearheaded the development of the Cornerstone Family Healthcare website, where I implemented custom post types to streamline the addition of providers, services, and locations. Leveraging dynamic content and intuitive search features, I ensured a seamless user experience tailored to the client’s needs.

Power Total Health

I worked on the development of the Power Total Health chiropractic website, incorporating custom post types for services and dynamic content to enhance functionality and user engagement.

Proficiency Scale

1 - Fundamental Awareness

Basic Knowledge:

Common knowledge or an understanding of basic techniques and concepts.

2 - Novice

Limited Experience:

Experience gained in a classroom and/or experimental scenarios or as a trainee on-the-job.

3 - Intermediate

Practical Application:

Successfully complete tasks in this competency as requested.

4 - Advanced

Applied Theory:

Recognized within your immediate organization as “a person to ask” when difficult questions arise regarding this skill.

5 - Expert

Recognized Authority:

Able to provide guidance, troubleshoot, and answer questions related to this area of expertise and the field where the skill is used.