Page 96 - Photoshop User January 2017
P. 96

DESIGN MAKEOVER › ›
the process
DESIGNER
Sony Lin
www.sonykun.com
What struck Lin right away about the concept website was its one-page design. “It has become a trend to have all your information on one page so your target clients find it easier to navigate, especially on a mobile device,” Lin says.
Lin also identified a few weak points he wanted to address. One was that the navigation didn’t work smoothly, but that was more of a technical issue than a design one. From the design point of view, Lin focused on improving the site’s overall color selection and graphics. He wanted to keep the design simple, clean, and elegant in order to make it work well on a single page: “You can’t just upload all the images and text into this one page,” he says. He decided that instead of showing all the photo- graphs Garry provided, he would turn some of them into background art.
Working with the product shots Garry provided, Lin applied colors and effects to give them a consistent appearance. In addition, he added a cold fog effect in the first image and frost marks in the second to create a freez- ing mood (see next page). Finally, he used a dark gray color to tone down the background images so they wouldn’t compete with the text, and tied them all together with a blue wash, again reinforcing the overall freezing mood.
To keep the whole site from looking too dark and cold, Lin alternated the dark background areas with lighter ones. “I chose more colorful photos for the light back- ground images to bring some cheerfulness to the website, because ice cream is supposed to be fun and enjoyable,” he says.
Lin chose Agency FB (originally designed by The Font Bureau) for the company name and the introductory information. “Its modern and sci-fi style fits perfectly with the blue and cold style of the overall theme,” he says. For the subtitles, he chose Google’s Reenie Beanie script font to add a “human touch.” He set much of the text in a gold color to add another touch of warmth.
Before
After
Before
After
096
› › photoshop user › january 2017



















































































   94   95   96   97   98