New website & branding
This is a temporary index page, detailing the stages of the development process, its progress and showing example designs for feedback.
Let's develop a prominent online presence, showcasing IBI's many achievements. Once complete, this can then be strategically marketed, using proven methods, targeting ideal potential clients, leading to increased engagement and business growth.
Khalid Hamid
Brand Kit
Under Construction
01a
Logo
Samples: none chosen, to be updated after completion of website
Please view the options below, to see what resonates with you and confirm your preference. Based on your choice, I will then further refine it and create variations.
01b
Theme
Examples: Archion chosen
Please view the options below, to chose your preference in terms of the overall style. I will then develop the Brand Kit to suit.
Website
Under Construction
02
Research: Style / Flow / Content
Examples: Sona chosen
Please view as many pages within these websites, to see which menu type, home page intro, page structure, specific sections, features, fonts, etc. that you like and would like included in the IBI website. Based on your choices, I will have a clear direction to design a custom website.
03
Low Fidelity: Site Map
Rev B: separate page for AC unit added.
Starting with the website’s structure, by define all pages, sections and navigation, showing the relationships between them as shown below.
Please review if you want me to add, remove or relocate sections from one page to another.
HOME
Client/Partner logos
Value proposition
Recent/ featured projects
Services overview
AC port overview
About overview
Go to Contact form
Footer
SERVICES
Intro
We provide
Our Process
Call to action
Footer
AC PORT
Ideal solution
Benefits
Technologies we use
Specifications
85%
570k
250%
Installation
Call to action
Footer
ABOUT US
Intro
Our mission
Team
Time line
Statement
Call to action
Footer
CONTACT
Intro
Faqs
locations
Message form
Footer
PROJECTS
Intro
01
02
03
04
05
06
07
08
09
10
Call to action
Footer
Project 01
Call to action
Footer
Project 02
Call to action
Footer
Project 03
Call to action
Footer
Project 04
Call to action
Footer
Project 05
Call to action
Footer
Project 06
Call to action
Footer
Project 07
Call to action
Footer
Project 08
Call to action
Footer
Project 09
Call to action
Footer
Project 10
Call to action
Footer
04
Low Fidelity: Wire Frame
Rev A: available to view 2/March/2026
Below is an example. A black-and-white draft based on the sitemap, with placeholders for text and imagery. Basic interactions include navigation and buttons. preliminary animations for page transitions, hover effects, and image/ text/ interactions.
05
Content Material
Text copywrite:
Create a narrative and optimize text lengths for headings, subheadings, paragraphs, including buttons where appropriate.
IBI: images/ video
Prepare and edit provided content for color correction, exposure adjustment, cropping, and file size optimization. The majority of this will be for PROJECTS and ABOUT US
Online: images/ video
Source and customize generic photos/videos from stock libraries to support hero sections (top of page) to work within the theme.
Ai generated media
For generating photos, animated graphics and video. Mainly for HOME and SERVICES pages and other generic visuals.
Plugins / Live feeds
30+ live feed options from social media to scheduling meetings.
06
High Fidelity - completion
Content integration:
Fully integrated, content-rich design for all pages, replacing placeholders with finalized content and applying the approved Brand Kit.
Responsive testing:
Finalized behavior and performance optimizations, validating layout, speed, and usability across devices (HD, desktop, laptop, tablet, and mobile).
Animations and interactions:
Refining animation effects to enhance user experience while maintaining performance.
Website launch:
Hosting: Subscribing to a FRAMER Pro paid plan (and migrating from the current domain hosting provider and directing the (.com) to the new Framer website server
Post launch:
If required, tweaking any design and fixing technical issues.
Marketing
To be confirmed
Email campaign: quarterly
Targeting people within your network of contacts, asking for reviews on projects completed, feedback on the website redesign and including a clear CTA (e.g., "Explore our new site", “Share with colleagues”).
Social Media: ongoing
Posting regularly at least once a week on Linkedin, X and Instagram. Topics include before-and-after transformations, behind-the-scenes, project updates timelapses, client testimonials, educational DIY tips, team spotlights, design inspiration, local community involvement, and FAQs
Generative Engine Optimization (GEO): ongoing
For location-based browser search as well as Ai generated search results. By boosting search terms like 'property contractors near me' , 'Bay Area interior contractors', 'Top-Rated Residential Construction in Sacramento' etc.
