Category: Web Design

  • making more moodboards

    making more moodboards

    In my New Media Class, we are making website mood boards for a fictitious client. The website is for Chef Jaqueline, who specializes in making cakes and baked goods for big events. I first started off with making up a moodboard template in Photoshop and then filling it in. There are various mood board templates online that you can find as well.

    I love color and decided to hop onto color.adobe.com. They have all sorts of color palettes. I searched up terms like bakery, cookies, and cake to get some potential color options. I ended up going with a pink French bakery color palette.

    For fonts, I wasn’t too sure. I looked at other local bakery sites for ideas. Most headline fonts were bold, readable, and sans serif.

    I found a font I really liked for headlines, called New Kansas. I usually get my fonts from Adobe fonts. I went with a sans serif sub headline font, Elza. And then a simple serif font, Dolly Pro, for the body copy.

    I also had to make sure my navbar colors were easily readable. I experimented with my different palette colors to find the best option. To make sure, I used this color checker website.

    Ta Da! The finished mood board

    Read more posts for design insights. Until next time 🙂

    From the blog

    Stay up to date with the latest from our blog.

    • finally making a dent in my to do list

      After a crazy week, I’ve managed to cross most of my things off my list! So far I’ve finished: It’s hard to believe that the…

    • almost done with my ten-piece campaign

      After what seems like actual AGES, I’m almost done with my ten-piece campaign for Layout 3. I’ve finished I only have the festival map left!…

    • the library hiatus is over

      After all of the advocacy work I’ve done for the library, I was hopeful that I was done. However, with the shutdown of the Institute…

    • the ten piece poster final form

      After way too long, I’ve finally finished the ten-piece campaign poster. Deep down, I wanted to create more of an art-centered poster. But with all…

  • figuring out Facebook ads

    I’ve been asked to create some Facebook ads (for Amaryllis bulbs) and let me tell you, I have no idea where to start. Facebook isn’t something I interact with a whole lot, I’m more drawn to Instagram or Pinterest. However, I thought I’d look into Facebook ads and take ya’ll along for the ride.

    So my main questions I need to figure out are as follows:

    • What Photoshop dimensions should I use?
    • What are the photo copyright rules for ads?
    • What do typical flower ads look like?
    • What makes an ad successful?

    Which brings me to research!

    Here are my findings:

    Facebook dimensions vary by preferred ad layouts. However, my client will be posting the ads as Facebook posts. So I really need to figure out FB Photoshop post dimensions. I kept on running into dimensions for Facebook image/video post sizes. (Will report back with my final answer soon🫡)

    When it comes to image copyright research, here is the situation. I’ve been tasked with creating amaryllis bulb ads. I want to be able to show customers the final amaryllis blooms, but the florist doesn’t have any of her own pictures with her current bulbs. Soo.. then I need to figure out the image situation. I found this website that brings up a few legal good points. My temporary solution is to use some of her old photos if possible.

    General flower ads all display big, colorful arrangements. Then it has the basic ad elements such as a headline, call to action, etc. I’m kind of on my own because my client is advertising wax-dipped amaryllis bulbs. (Which is a bit too niche for Google)

    Keeping your ad message clear and directed towards your audience is one way to create a successful ad. So my audience is primarily older women looking to buy flowers for themselves or others. My headline and visuals should align with my desired target market. Some more great tips are here.

    Phew that was a lot. Hopefully, I can hit the ground running and drum up some great ideas. I’ll keep you posted! Until next time, keep designing.

  • how to survive dreamweaver: the ‘unofficial’ guide

    how to survive dreamweaver: the ‘unofficial’ guide

    read on for some tips and tricks to survive Dreamweaver

    1. Gather Your Resources
      • People
        • If you’re a student, try reaching out to teachers or classmates for additional help
        • Don’t be afraid to use office hours as a student!
      • Videos
    2. Don’t Panic
      • This is very important. Coding is akin to learning another language. It’ll take time, practice, and most importantly patience.
      • If needed, save your project and take a breather. Looking at code with fresh eyes can help you catch little errors.
    3. Save Often, Save Your Sanity
      • Perhaps most critical of all, save your work constantly!