Minimalism-Design.png

Custom Sign Challenge Microsite

The custom sign challenge is a contest hosted by Home Sweet Home Decorr. They are a local, handmade business that makes unique signs that make your house feel like a home. The microsite contains all the details and information relevant to the contest. It took 7 weeks to design, build and complete the microsite

Services

Art Direction

UX/UI Design

Graphic Design

iPhone-X-mockup-hover-seperated.png
Custom Sign Challenge Microsite
Custom Sign Challenge Microsite
smartmockups_kqik5t86.jpg
smartmockups_kqik8aln.jpg

The microsite interface design was created with an artistic feel. The site was designed to represent the brand, which essentially led to paint blobs and wooden textures. Pinks were chosen to highlight the love the company spreads through their signs.

The Process

The Challenge

The goals were to:

1. Create a contest microsite for Home Sweet Home Decorr that will help promote and draw attention to the company.

2. Design a desktop and mobile microsite to represent the brand and all that it stands for.

My Role & Main Tasks

I led the User Experience and User Interface design and prototyping.

1. Creative Strategy Outlines

2. Competitive Analysis

3. Art Direction Concepts

4. User Experience/Behaviour Information

5. User Interface Design

smartmockups_kqikip1f.jpg
smartmockups_kqiki6wg.jpg

Creative Strategy

The design process started with Creative Strategy. This included creating personas and target audiences for the microsite. Themes, interactive storyboards, problems and controlling ideas were also included to help determine the overall concept of the microsite.

Target Audience Moodboard
Target Audience Moodboard
press to zoom
Creative Strategy Storyboard
Creative Strategy Storyboard
press to zoom

Research

I created a competitive analysis of competitor sites. User Experience research such as target audiences, user descriptions, motivations, needs, limitations and constraints were then made to identify what the microsite needs to provide for the user.

Information Architecture

I made flowcharts and wireframes to focus on behaviour-driven actions for both desktop and mobile.

DD_IA_Assignment 04_LandingPageDesktop_N
DD_IA_Assignment 04_LandingPageMobile_Ni
Microsite-Flowchart.png

Art Direction Concepts

After the research, I prepared moodboards, style tiles and conceptual mockups to propose art direction concepts for the site.

Rustic-Moodobard.png
Rustic_Style_Tile_.png
Modern-Moodobard.png
Style_Tile_Template.jpg

Sketches

Once a style was chosen, the interface design started. Initial sketches featuring white opaque blocks were revised to something more artistic and free flowing.

Desktop Sketches Revised.HEIC
Desktop Sketches.HEIC

Final Designs

After refining, the interface design was complete.

Untitled-2.png
Untitled-1.png
1-Homepage.jpg
2- Hompage.jpg
2-EntryDetailsPage.jpg
3-EntriesDetailPage.png
4-EntriesDeatilsPage.jpg
5-EntriesDetailPage.png
5-PrizePage.jpg
6-PrizePage.png

Colour Palette

Variations of pinks and neutrals were chosen for the colour palette. I chose neutrals to fit with the woodsy, natural feel that the company represents. I chose pinks to embody the love that the company aims to spread with their signs.

For the text, I chose a dark grey to add a soft contrast against the warm pinks.

Colour-Palette.png

Typography

I chose typefaces that would typically be seen in signs made by Home Sweet Home Decorr. I paired an artsy script with an elegant sans serif.

type2.png
Type-3.png

Illustrations

I made the background illustration feel like blobs of paint, which is a theme I carried out throughout the whole page, including the buttons and navigation bar. I also added an illustration of a wooden round to every page. All the illustrations were inspired by the company and what they do.

Minimalism-Design.png
Illustrations.png