Site Showcase: MikiPhoto + Co
A mixture of creative fonts and subtle layering showcases stunning photography. Check out the creative "collage" work!
Client Site Description: Photography Portfolio
Template Chosen: Greenwich
Why did you choose that template?: I knew we would want index pages and the flexible header space.
What was the Client's Objective?: To redesign her main site pages for a better user experience that promotes her services.
Tell us a bit about the design process?: I had worked with Mallika to design her latest book and tons of collateral, so I was thrilled to finally dig into her site. We booked a 3-page redesign to help her streamline the flow of her homepage and service offerings.
How did you help the client differentiate their business through design?: I wanted to to keep the design focus on her gorgeous photography while also bringing in a personality that feels approachable. Although her primary goal is to book services, Mallika also offers digital products and group coaching sessions. So we needed to create a stunning visual presence to reflect her photography skills while not alienating her other services. We focused on playful layouts, casual grid structures, and layering to create the perfect balance.
Is there custom development? What about custom added CSS? Can you tell us why you did or did not use these edits?: For sure! We used a lot of CSS to layer the text and images on the homepage. We also added custom pin buttons, fonts and heading styles to give a depth to the visual style. In terms of functionality, we used a lot of anchor links to help develop a clean flow between pages and sections within pages. (like that lovely 'back to top' button!)
What are the top three creative features you used in the design?:
1. bold numbers to punctuate the photography and text
2. layered images and text. We went beyond the built-in image blocks to create text behind text and images that have accent words running across.
3. anchor links. So many anchor links! This was a functional feature, but I worked to make these links be more than standard buttons. They present themselves as images, text, and even rollover effects throughout the site. (Check out those image links on the services page!)
Anything else you want us to know about the site?:
Vendors used?: Photography by Mikifoto + Co
Brand Identity by Revamp Amor