Overall Theme: We are looking for a cutting edge, professional, unique site that has an agency feel but also has something different. We will rotate between Web 3.0 block modules and Pinterest like tile sections to give users a consistent feel per page. The total site will only be 4-5 pages, so we need to have multiple modules per page.
Considering our logo and brand presentation (colorful) we want to offset that with a clean, modern, edgy feel. Think along the lines of Apple’s site and product design aesthetic.
Colors: Black, White, Gray, with accents of red, blue, green, yellow
Avoid: Stock imagery, overwhelming/busy images or colors. You can look at the current adsugar.com site to get inspiration for imagery and perhaps take some from the video.
Each page is broken down below in the order of sections. Copy can all be lorem for now, but we just need to account for adding or removing space. The most copy per module will be no longer than 200 or so words, but we need the ability to expand and account for this in case we have more than anticipated. That is why we like the Apple Web 3.0 feel.
As soon as the page loads, we open to a solid black screen where adsugar logo animates into focus in the center, with nothing else visible. First they see the swirl (it should swirl), then the black letters (adsu_ar) fade in. Black background black lettering, so the swirl is predominant image. Only about 3 seconds of this then the official HP shows up. The logo then fades to the left side of the screen.
White screen divided by colorful vertical line in the middle that has the adsugar swirl colors on it. We like larger module for this section.
⅓ of the screen says: Welcome. We’re adsugar (use adsugar logo) in large black lettering. Below it in smaller font: “Let Us Find Your Sweet Spot”
The other ⅔ of the screen are a static black and white image that depicts “the sweet spot” (see our original website for image ideas).
“Let’s Work Together” section with four pinterest like tiles, one for each service offered by our company:
Lead Generation, Click to Call, Downloads, Mobile.
Each tile should have a corresponding image/icon and 1-2 lines of text beneath it..
White, gray or black background.
Each tile will have a colored background:
Downloads = red
Click to Call=blue
Lead Generation = green
Mobile = yellow
Only the background of each tile should have color.
Large module profile section for Amit (owner).
⅓ of the screen will be a black and white image of Amit centered left.
⅔ will be a profile story for Amit with a link to read more about the team.
Here we will have a static thin module representing some key data points about the company, such as revenue, ad spend, years in service and industries served. THis should be a horizontal spread that has the data point big and bold and then the name of the data point below it.
Testimonials scrolling across with arrows to allow users to cycle through. This can be a thin module across.
Black solid, sleek static footer with contact info, link to linkedin etc., and list of pages again tabbed to the right. We will not have an email optin.
Navigation tabs on top of homepage:
- About Us
- Solutions: This will go to the page with the 4 services laid out in a tile design. We would like a dropdown or hamburger menu for this option so users can click direct to each of our 4 services.
II. Solutions Page:
Sleek black ands white header image of “the sweet spot” with logo and tag line: “Let Us Find Your Sweet Spot”
Four tiles representing our services, that are the same colors/images as the tiles on the homepage.
More detailed information will be in each text so the tiles should be larger and allow for more content and a different image per tile. Icons can stay the same.
Section that highlights in block module with tiles (or other) the benefits of working with us. Title: “Why Us?”.
See example site Aragorn for this. We still need to work out the exact benefits, but we can have the shell created and simply fill in the actual benefits.
“Industries We’ve Helped Grow” - block module with unique icons representing the different industries.
Home Services & Repairs
III. About Us Page:
Banner (black and white sweet spot image with logo and tagline)
About the Company- general overview - title: “Who We Are”. This can be a full screen module that has a centered header and 100-200 words underneath about the company etc.
Team bios in tiles-
Gary, Wayne, Amit, Brian, Scott - with image and 150 word graph for each.
Careers - small snippet about working with us, a few standard positions always posted, and an upload button to load resume. Again, this can be a full screen module.
IV. Contact Us Page:
a) General Contact info:
b) Black Background with white line drawing, architectural image of the mansion we work in. Use stock architectural image until this can be procured.
2257 Brookside Drive
Martinsville, NJ 08836