New website & branding
This is a temporary index page, detailing the stages of the development process, its progress and showing example designs for feedback.
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.
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
Intro statement
Client/Partner logos
Value proposition
Featured projects
Services overview
Slideshow
Testimonials
AC port intro
Outro statement
Call to action
Footer
SERVICES
Intro
1
2
3
4
5
6
Our Process
Call to action
Footer
AC PORT
Intro
85%
570k
250%
Features
Assembly
Installation
AC units
Certifications
Call to action
Footer
ABOUT US
Quote
Slideshow
Mission statement
Milestones
Team
Faqs
Call to action
Footer
CONTACT
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/ monotone 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.
To be confirmed
