Overview

Site Purpose

The Wedding Bird Website sells modest wedding gowns of various styles.

Target Audience

The target audience for Wedding Bird's website is primarily young brides-to-be that want modest clothing. This desire will probably be faith-based. Secondary audiences include mothers of brides, other family members, and gown resellers.

Layout

Sitemap

Wireframes

Photoshop Design

Branding

Website Logo

Color Palette

I used a pallette of brown and a number of shades of blue, ranging from bright blue for elements that need attention to off-white for a wedding-like background. The real reason for this color scheme choice is that my wife suggested it, and I selected this project in the first place to make her smile. But it is a valid wedding color scheme.

Typography

Pacifico is a loopy, fancy, fun heading font suitable for the happiest day of someone's life. Roboto Condensed is a contrasting body font that is extremely legible while retaining a little excitement.

Heading Font: Pacifico

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+

Sample Heading

Body Copy Font: Roboto Condensed

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+

Lorem ipsum nonsed eicillabore essum fugit lantisit, si nis eictia num fugiam et quatquis resto eossitem quunt quae sit dolupis maio omnimo il id maio bea ipid que conseque volorem. Et facidebit vel ma doluptasitis num, ullandebit hicto beaquos tiumquis postrum cori odit eosam quiatur? Volo quid minvel earuptatem quiatur?

Mod qui quunturiam idenderro ma et ex ex ex exerum faci repel molut evelign amenduciis moloreperum qui nullupt ustrumet, sequi a pre non net is dia comnimusant isque voleseque eatur simpori beruptae quam fugit eostios quasi nulpa quatur molorero quam eventio ma venis quideri atiaturione volupiscia sime denestis et hil magnatem aliquundella cusanihit fuga. Pienia dolo tem voluptassi volor as voluptae nulla sed maximincium sapelen tiatqui busapernatus aspis as aborioreic tet recta volessu ndelit hil is explame niminve ratur? Mus andebis si adipsamus ad moluptiae cum este verupid es sequam veri tem sequi re volum doluptatque veriorepudis et, tetum as porem et que sim natiis doluptatures et, sam rehent alicipis suntio conestio ipsandam que prem idi quiasped mod maximod iatium ex et quassimin nonempo reperisci te nonsedit ut auta volorisque paribus.

Navigation

Main Navigation

Secondary Navigation

HTML Elements

Headings

h1

h2

h3

h4

h5

h6

Lists

Unordered List

• Item 1
• Item 2
• Item 3

Ordered List

1. Item 1
2. Item 2
3. Item 3

Links

Paragraphs

Lia sitio blabore ruptatium, to dolorum erum siniscia cor serum sinum solupti aecepe dolupta quiaturion exerum quasi ut et eatemolorem fugit, adistis ab in et dolectem venda custisint occabor esequas core mod est, anditium everes as idundae rferferferi qui re dit eaquo veliquia qui totatiam denis iniscii squatur?

Ant aliquias alis es ma proribus. Solest, officiendic tem eatibeatium re voluptas es diae eate a eostrume nis il erum facit et ex est, ipsae cum simodi tet quos ma volupta aut latur, et quamus nobis netur seritius excero voloratuscia essequaspis sequo cus, everum nissit et fugiaeperor acepedit quatiam et eum volo dicaeribus dest lab illiqua temporrum, que quam que perovidus, voluptatur, officto doluptata nempore icipsapid eatas es eum quiaspis earum que offic tem fugita voluptatinis quis as audigen derferf erition sectasitia solupta nam net quatur andis del ium re enihit aut apelist et es milit quaes ulles expliquunt volorum eictium quia iur, nis dit asped estiatem.

Figure & Figcaption

References

Links to Web Design Examples

• LatterDayBride I used their dress style categories as inspiration for mine and also borrowed in a general way from their color scheme.

Links to images, textures, or other borrowed assets

• Rings I used this picture on the About Us page.
• A-line 1 I used this picture on multiple pages.
• A-line 2 I used this picture on the A-line page.
• A-line 3 I used this picture on the A-line page.
• Ballgown 1 I used this picture on multiple pages, including this one.
• Ballgown 2 I used this picture on the Ballgown page.
• Ballgown 3 I used this picture on the Ballgown page.
• Ballgown 5 I used this picture on the Ballgown page.
• Fit and Flare 1 I used this picture on multiple pages.
• Fit and Flare 2 I used this picture on the Fit and Flare page.
• Lace 1 I used this picture on multiple pages.
• Lace 2 I used this picture on the Lace page.
• Lace 3 I used this picture on the Lace page.
• Sheath 1 I used this picture on multiple pages.
• Sheath 2 I used this picture on the Sheath page.