Investing in your Future

Formula for a Client-Catching Website

Excellent Branding

Details matter! Successful websites tell people who you are, and what you can do for them with efficiency and style.

+

+

Responsive Layout

Your website should look great from a variety of access points so that you can reach a wider variety of clients.

+

Preforming Assets

A smooth user experience requires pages that load quickly, leading to a dependable impression of your business.

+

Subtle Selling

Make the user comfortable while inching them toward checkout. Everything should lead back to what you are selling, with the path to sale crystal clear.

=

Confident Clients

When you have their trust, you have their sale. A strong, memorable site will put you ahead of the competition every time.

Hiring a Designer vs Hiring a Developer

Quality Product

Many of the factors that help your website become visible to future clients exist under the hood. You want a slim, quick-loading, product with only relevant features. You want semantically organized code so that your site is accessible to users of all abilities. You want someone with a technical background who can navigate google search console registry and get you guys on the map to a world-wide customer base.

Full Service

Your site should be entrusted to someone who will tend to all the details of your build from start to finish. This includes Market Research, Brand Development, Content Curation, Interface Design, Graphic Design, Web and Mobile Development, Search Engine Optimization, Server and Domain Logistics, Edits and Adjustments, Updates and Maintenance, Data Analytics, and custom Tailored Marketing Materials so you can send your clients professionally styled buyers-guides like this one. If later on you want to launch an ad campaign through meta, google, or reddit, you will have a professional for that as well. Enjoy all the benefits of an Agency experience within the comfort of one point-of-contact, expertly dedicated to your cause.

Customizable Experience

Down to the last detail your site should uphold your brand. Developer websites are built from scratch to suit your businesses individual needs. Anything can be changed, adjusted or added until you have a product you are satisfied with. With designer and developer in one: mapping, building, and deploying a new feature can happen in one smooth session, free of hand-offs. You are getting an expert dedicated to revealing your vision.

Affordable Growth

For premium services an agency will happily charge you $3,000 - $10,000 for basic web design (often template-based with multiple-month delivery windows), and $50-$200 in monthly maintenance fees. As your niece, and a developer just starting out Im only asking a flat rate of $3000 for a live consumer-ready site, ready ASAP, with editing fees of $100/hourly. De bugging, update, and maintenance services are included with your initial flat rate. Billable editing includes things like extra content, post-launch style updates, additional marketing, and once-annual domain and server upkeep. If you want a comprehensive, worry-free experience at a great value: this is the way to go.

The Current Architectural Market

I looked into several architecture websites to get a feel on expected features and offerings. Many stood out, but 3 in particular nailed their specific categories:

Architectural Resources Group

arg logo

Filtering Functionality

seamlessly links the information between their portfolio and offered services

Charlap Hyman & Herrero

charlap logo

Branding

Obvious editorial theme throughout

Page Layout

/practice page reads very naturally. /portfolio includes a list view

Synthesis Design + Architecture

dna logo

engaging design

immersive user experience reflects their bold design style

Building A Strata Prototype

website demo
link to prototype

This prototype was built as a rough draft to demonstrate what can be possible for your website. It is temporarily hosted on my personal domain, but will receive its own dedicated domain on project completion. Although your logo was used, all project data, photos, team members, and stories were curated for visual-display, and data-structuring purposes only, and do not reflect your true operations.

The goal of a prototype is to scaffold an ideal set of features for your project. It was styled to emulate successful websites utilized by your peers. Although certain style choices were made with the historical nature of your business in mind, this site was made as a simple jumping-off point for your final product.

My primary motivation is to translate your message and brand as authentically as possible. As such your input on style changes and feature upgrades is highly encouraged. From large component restructure to the smallest of style details, your valuable insight can only serve to enrich this process.

Please enjoy exploring this creation on both desktop and mobile devices to get a feel for what works, and what you would like to see changed in a final product.

Your Prototype In Depth

Home

About

Talent

Portfolio

Project

Services

Service

Contact

home page
desktop home page
home page
mobile home page
Current Set Up Alternate Options
Graphic: randomly select a background image from a collection of showcase images to set a unique experience for each user

slideshow,

text overlay,

screen wide commercial,

services sideshow,

background-imbedded,

ambient video,

animated text
Logo: Center Top on Mobile, Left Corner on Desktop. This page was designed to resemble a classic printed collection of work.

animated,

overlaid,

featured,

omitted
Navigation: horizontally expanding menu for mobile, and fixed menu for desktop. Desktop version has the added feature of displaying page Titles in the header, allowing for a smoother UI between pages hidden, bottom, overlaid, vertical-expanding, animated reveal

Current Graphic:

randomly select a background image from a collection of showcase images to set a unique experience for each user

Graphic Options

slideshow,

text overlay,

screen wide commercial,

services sideshow,

background-imbedded,

ambient video,

animated text

Current Logo:

Center Top on Mobile, Left Corner on Desktop. This page was designed to resemble a classic printed collection of work.

Logo Options:

animated,

overlaid,

featured,

omitted

Current Navigation:

horizontally expanding menu for mobile, and fixed menu for desktop. Desktop version has the added feature of displaying page Titles in the header, allowing for a smoother UI between pages

Navigation Options:

hidden, bottom, overlaid, vertical-expanding, animated reveal
about page
desktop about page
about page
mobile about page
Current Set Up Alternate Options
Layout: desktop features editorial style articles with pictures, mobile features a selection of topics for display press section, newsletter sign-up, expanding features, values section, design principles-graphic grid view, add a commercial, approach section, awards section, careers page
Team Directory: a simple list of team member “previews” that link to their individual pages stylized pictures, text only, rounded buttons
Services: simple list linking to individual services prominently featured

Current Layout:

desktop features editorial style articles with pictures, mobile features a selection of topics for display

Layout Options:

press section, newsletter sign-up, expanding features, values section, design principles-graphic grid view, add a commercial, approach section, awards section, careers page

Current Team Directory:

a simple list of team member “previews” that link to their individual pages

Team Directory Options:

stylized pictures, text only, rounded buttons

Current Services:

simple list linking to individual services

Services Options:

prominently featured
talent page
desktop talent page
talent page
mobile talent page
Current Set Up Alternate Options
Layout: individual articles including: picture, summary, links, skills, and projects picture-free articles, pop-up overlay articles, email hyperlink, modular style profile, personality pictures

Current Layout:

individual articles including: picture, summary, links, skills, and projects

Layout Options:

picture-free articles, pop-up overlay articles, email hyperlink, modular style profile, personality pictures
portfolio page
desktop portfolio page
portfolio page
mobile portfolio page
Current Set Up Alternate Options
Layout: a simple grid with black and white filtered photos and hover activated overlay titles work in progress section, category filter, dynamic preview sizes, mixed media immersive display, list view option, cover photo + mid level category filter, category summary inclusion, category tags, animated reveal, editorial layout, hover highlight, slider-style tile display, filter through navigation

Current Layout:

a simple grid with black and white filtered photos and hover activated overlay titles

Layout Options:

work in progress section, category filter, dynamic preview sizes, mixed media immersive display, list view option, cover photo + mid level category filter, category summary inclusion, category tags, animated reveal, editorial layout, hover highlight, slider-style tile display, filter through navigation
project page
desktop project page
project page
mobile project page
Current Set Up Alternate Options
Layout: Short Articles featuring project images followed by project summary, and a simple data table at bottom image driven article, commercial showcase, editorial style with cover photo, large gallery with scrolling article
Included Data: year of completion, location, services, people on the project category and square footage, awards, photo credits, outside teams, project press, bedrooms and bathrooms, map to project & related project section
Graphics: Scrollable image gallery for multi image projects, static image for single image categorized image galleries, 360 panoramas, screen-wide cover, borderless site plan, model pics, single column image gallery

Current Layout:

Short Articles featuring project images followed by project summary, and a simple data table at bottom

Layout Options:

image driven article, commercial showcase, editorial style with cover photo, large gallery with scrolling article

Current Included Data:

year of completion, location, services, people on the project

Included Data Options:

category and square footage, awards, photo credits, outside teams, project press, bedrooms and bathrooms, map to project & related project section

Current Graphics:

Scrollable image gallery for multi image projects, static image for single image

Graphics Options:

categorized image galleries, 360 panoramas, screen-wide cover, borderless site plan, model pics, single column image gallery
services page
desktop services page
services page
mobile services page
Current Set Up Alternate Options
Layout: a simple list of services on mobile, included short descriptions on desktop

individual articles listed in the navigation,

 pictured grid, horizontal graphic-focused list

Current Layout:

a simple list of services on mobile, included short descriptions on desktop

Layout Options:

individual articles listed in the navigation,

 pictured grid, horizontal graphic-focused list
service page
desktop service page
service page
mobile service page
Current Set Up Alternate Options
Layout: Composite Article Featuring: cover image, service summary, relevant team members, and past projects static categorized list with pictures, blog style article w/ design showcase scroller, cover photo showcase featuring relevant projects, promotional videos, short article with stunning image gallery

Current Layout:

Composite Article Featuring: cover image, service summary, relevant team members, and past projects

Layout Options:

static categorized list with pictures, blog style article w/ design showcase scroller, cover photo showcase featuring relevant projects, promotional videos, short article with stunning image gallery
contact page
desktop contact page
contact page
mobile contact page
Current Set Up Alternate Options
Layout: Page featuring a form that dumps to an in house email account, studio hours, and a filler photo of the team scroll to footer, formless info list, newsletter signup, static map to offices, categorized email instructions, grid gallery filler, welcome statement, dynamic map to offices

Layout:

Page featuring a form that dumps to an in house email account, studio hours, and a filler photo of the team

Layout Options:

scroll to footer, formless info list, newsletter signup, static map to offices, categorized email instructions, grid gallery filler, welcome statement, dynamic map to offices

A Word On Domains

Registering a Domain

This site is currently being hosted from my personal domain “dreamers-only,” this is temporary and only for demonstrative purposes. Transferring a site to a new domain takes minutes, as does securing a custom domain for your business.

QR Codes

QR codes are free, safe, and fun! They can easily be printed on business cards/client collectibles or made into a reusable stamp for in-house use.

Email Services

Email services can be linked to your domain at cost. Most people direct mail through Microsoft 360 or GoogleWorkspace. Typical service fees for these range from 9-30$ monthly depending on the size of your team. A cheap workaround could be to go with an individual plan and run external communications through something like “info@stratasj.com" to avoid the extra costs.

Included Services:

Front End Development

- UX/ UI Design

- Page Styling

- Asset Management

- APAA Compliance

- Search Engine Optimization

Back End Development

- Custom Feature Creation and Integration

- Data Design

- Domain Procurement and Management

- Testing

- Updates and Deployment

- Server Management

- Traffic Analytics and Optimization

Marketing

- Market Research

- Google Console Registry

- SEO Maintenance and Updates

- Buyers Guide Copywriting

- Email Service Setup

- Portrait Photography Services

Deliverables

- Live Client-Ready Custom Built Website

- Custom Domain of your Choice

- In depth Interactive Buyers Guide for Clients

- Digital business card quick-link for email

- QR code linkup

Ready to go?

Please take 5 minutes to communicate your thoughts:

How do you feel about the styling of your prototype?

How do you feel about the functionality of your prototype?

Are there any changes you would like to see?

Do you have some architectural websites that you find inspiring? What are your favorite aspects of each?

Does the service and pricing feel realistic to you?

If not, what is a more realistic budget for you?

$

Would you like to schedule a 20minute meeting to explore the future of your business?

PST