Showing posts with label Website Design. Show all posts
Showing posts with label Website Design. Show all posts

Monday, November 29, 2021

How to Design a Website



It takes technical skills to create a website, and designing a website takes special skills as well. But, there are ways you can help your website designer and developer. 


Logo, Pictures, Graphics. Have your logo professionally designed and provide colors as well as fonts to your designer for brand consistency. Invest in quality brand photography. Have your headshot as well as product photography done. Lastly, provide your designer with graphics designed using your brand image. With all of these design elements in place, this will make the process easier for you as well as for your designer. 


Design Ideas. Which websites do you visit often? Do you like their look? Is it easy for you to navigate? Maybe you like the animation on one website, but the contact us page on another site. Take some time to review other websites, including your competitors'. If you find something you like about a website in a different industry, make note of that. 


Share Your Ideas. Communication is key to getting what you want when designing your website. Let your designer know what you like and don’t like. For example, if you like the way the header looks, say that. If you don’t like the animation, say that too. Remember, your website is your website.


Investing in a website is an expense. It’s the face of your business that’s open 24-hours a day, 7 days a week. Some people may find your business on Facebook or a business card, but everyone has access to the internet, which gives them access to your website, business, products and services. 


Always, if your website is icky, call Rikki!


Thursday, September 19, 2019

How to Make Eye-Catching Graphics


How to Make Eye-Catching Graphics

Hiring a graphic artist too expensive? Are you under a tight deadline? You can make your own eye-catching graphics in minutes and here are some software tools you can try to get the job done yourself:

Canva. My personal favorite. The free version works great. I pay for the premium because I uploaded some custom fonts and, obviously, manage a lot of marketing accounts. Template categories include all the usuals (social media graphics, blog graphics, etc.) plus eBooks, logos, worksheets, magazine covers, coupons, recipe cards, lesson plans…and the list just goes on and on!

Adobe Spark. Adobe has a great reputation. If you love Adobe, this is the platform for you. To create graphics, you can download Adobe Spark Post (from the Google Play Store or the App Store), or use the tool online.

Snappa. Comparable to Canva, Snappa has thousands of templates, a user-friendly graphic editor, and tons of free photos and graphics to choose from, the free version of Snappa is more than enough to get you started.

PicMonkey. Besides offering tons of templates, fonts and textures, you can also use PicMonkey to edit or touch up your existing photos, or to add text, effects or filters. Template categories include ads, logos, infographics, social media graphics, business cards, flyers…their selection is actually pretty impressive!

Everyone learns differently. Take these graphics tools for a test drive to find the right one for you. Let us know which one you love.

And, remember, if your graphics are icky, call Rikki!

Thursday, January 5, 2017

Introducing Website Effects and Demo Mode


Webgirl Technology partners with websolutions by maWebCenters for web design. We are very happy to announce the release of a new set of features that will be sure to spice up your website and make editing a breeze.

Our first new feature is called Website Effects and as you’ve probably guessed, this feature adds special effects to your website.  You can add them to all the different widgets your site is comprised of.  You can even combine effects for more advanced ways that your website will attract visitors.

Effects List
Below is your handy dandy cheat sheet on the various effects and what they do:

Background Parallax – Move the background image from one spot to another while scrolling.
Bounce – Bounce a widget in a specific direction.
Fade In – Fade a widget into view.
Fade Out – Fade a widget out of view.
Fold In – Fold a widget into view.
Fold Out – Fold a widget out of view.
Move By – Move a widget by a specific amount of pixels (to the right/left and/or down/up).
Move To – Move a widget to a specific position on the page.
Pin – Pin a widget to the top of the page once the widget has been scrolled to the top.
Puff – Expand and fade a widget out of view.
Pulsate – Fade a widget out and back in a specific number of times.
Rotate – Rotate a widget.
Scale – Resize a widget by a specific amount.
Shake – Shake a widget in a specific direction.
Slide In – Slide a widget into view.
Slide Out – Slide a widget out of view.
Text Slide In – Slide text line-by-line into view. Note: this effect is designed to work with similarly formatted text (and not images, links, etc.)
Text Slide Out – Slide text line-by-line out of view. Note: this effect is designed to work with similarly formatted text (and not images, links, etc.)
Text Tango – Splits up and dances text within a widget. Note: this effect is designed to work with similarly formatted text (and not images, links, etc.)
Tilt – Tilt a widget














Effects Settings
Not only can you apply effects to your site now, but you can also adjust the finer points of how they transition, where they end up on the page and so much more.  Below are a few other important aspects of effects that you’ll want to learn:
Status – Determines if the effect you have chosen will be displayed or not.
Direction – Determines the direction that the effect will take place in.  You can try using negative values to have effects go in the opposite direction as well.
Bring to Front – Displays the effect in front of other page content.
Transition Effect – Secondary effect that occurs at the Start and/or the End of the main effect’s duration.
Trigger On – Action on which effect is triggered.  Depending on the effect you have chosen, options can include on hover, when top of widget is visible or when bottom of widget is visible.
Duration – Duration of time that effect takes place during.

Demo Mode
Lastly, we are proud to present the newly created Demo mode.  In the past, if you wanted to see how your site would look and function exactly as it would when it went live, you had to either Preview or Publish your site.  That is no longer the case.  All you need to do is make whatever website edits you want and click “Demo” in the top bar and your website will appear exactly as it would if you were to publish it.  This gives you an instantaneous view of your site, without the need to go through the whole Publish process.  This will dramatically improve ease of use and time it takes to develop your website.

We’ve been working very hard to provide these wonderful new features and we hope you enjoy using them, as much as we enjoyed developing them.

If you have any questions about Website Effects, Demo Mode or any other features that we offer, please do not hesitate to email me Rikki@webgirltech.com or call me at (443) 871-9227.

If you’d like to check out some of the effects in action, feel free to check out this new demo site at www.sampleeffects.com. Remember, if your website is icky, call Rikki! ™