background preloader

Best Practices For Effective Design Of “About me”-Pages - Smashing Magazine

Best Practices For Effective Design Of “About me”-Pages - Smashing Magazine
Advertisement The “about me”-page is one of the most overlooked pages in development and one of the highest ranked pages on many websites. In a world that’s becoming increasingly connected through the Web, it’s important that you engage your audience in a personal and friendly way, otherwise you risk just being another faceless web designer among a sea of websites. We had to go through hundreds of sites to come up with the following list. It seems most designers and developers run out of steam by the time they got around to developing their about pages. Most designers we came across simply threw up a few hastily written words about themselves instead of treating the page as an important asset. We present 60 beautiful and effective about pages that engage users and neatly present their designers. Unique “About”-Pages A great way to distinguish yourself from the crowd is to have a truly unique about page. Dustin Curtis1 has taken a truly unique approach to the about page. Big Photograph

50 Great Web Alternatives to Desktop Software Even without the help of the ground breaking features in HTML5, web apps have come of age. While not all web apps rival their desktop counterparts, some clearly do. One solid example being online To-do apps with invoicing and project management apps also competent enough for a neck to neck fight. We’ve compiled a list of 50 worthy web app alternatives to standalone desktop apps. Like the intro image? Panda Cloud Protection Panda Cloud Protection Panda Cloud Protection is a cloud based security solution, delivered in a SaaS model that provides complete protection services for the major threat vectors: endpoint, email and web. Replaces: Conventional AV suites like McAfee, Norton, Kaspersky etc.Requirements: An Internet ConnectionDeveloper: Panda Security LastPass LastPass LastPass is an online password manager which, with the help of your master password, remembers and stores all your passwords when you login to websites and facilitates — one click login after first use. Google Docs Google Docs

Web Pages That Suck - learn good web design by looking at bad web design - Home Page Beautiful and Useful 404 Error Pages for Inspiration Six Revisions Menu Main Categories CSS HTML JavaScript Web Design WordPress Web Development Design Inspiration UX Design UI Design Freebies Tutorials Tools Links About Contact Advertise RSS Twitter Facebook Beautiful and Useful 404 Error Pages for Inspiration By Rishabh Agarwal Errors don’t need to be ugly. Option 1: Present the user with an old and boring default error page, which displays no information other than "There’s an error." Option 2: The second solution is to present them with a custom error page design that can suggest alternative things they can see or do in order to resolve their problem. Which one do you think is better? Here is a collection of 30 beautiful and creative 404 Not Found error message pages. 1. 2. 3. 4. 5. daniel karcher 6. 7. 8. 9. 10. deviantART 11. ferdaze.com 12. habrahabr.ru 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. swissmiss 28. 29. 30. iStockphoto Related Content About the Author Rishabh Agarwal is an Engineering student from India. 75 Comments Thanks

Design an Appealing, Effective "Coming Soon" Page - DesignFestival Whether you’re working on a new site or redesigning an old one, a stylish “Coming Soon” page is a great way to keep your loyal followers informed. Without such a page, visitors might interpret your site as broken, down, unfinished, or even permanently gone. Make it known that you’re not neglecting your website, in fact, you’re actually investing even more time and energy into it. Of course, if you want your “Coming Soon” page to leave a great impression on your visitors, then your design has to be thoughtful and appealing. Let’s have a look at our final design before we start. Step 1 Open Photoshop and create a new file with a 750px width and a 575px height. Step 2 Create a new layer and fill it with color #a61c1c using the paint bucket tool. Step 3 Add a pattern to the background layer by clicking on “Layer Styles” > “Pattern overlay.” Step 4 Create a new layer and select a rectangular area using the rectangular marquee tool. Step 5 Step 6 Step 7 Step 8 Step 9 Step 10 Step 11 Step 12 Step 13 Step 14

Comment bien utiliser les médias sociaux ? Les questions à se poser avant de commencer. 0inShareinShare0 Partager n’est pas jouer. Vous ne pouvez pas considérer avoir tout compris des médias sociaux simplement parce que vous postez régulièrement sur Facebook ou Twitter. Nous sommes tous devenus des médias. Ma communication personnelle est opérationnelle pendant 365 jours par an, je ne suis pourtant pas automatiquement un communicant idéal pour une marque. Sur le plan de la forme, le paramétrage optimal et la publication sur une page Facebook ou twitter demande un planning précis, un objectif clair et une stratégie de contenu cohérente. 1. Sur Facebook, certainement. mais pas seulement. Quelque soit votre business, vous vous etes demandé ce que lisent vos clients. Tous les médias du secteur ont un site, et certainement des forums. Ceci n’est qu’un exemple, chaque marché a ses médias dominants. 2. Au risque de me répéter, vous devez vous fixez un objectif. Même simple, un nombre de followers ou de fans sur une période donnée. 3. Un groupe linkedin ? 4. Quelques exemples : 5. 6. 7.

Interaction Design Pattern Library - Welie.com Suggest a pattern Have you seen new examples of patterns out there that have not been described on this site? Send me a link to an example and I'll add it to my to-do list. Suggest a pattern Latest comments Form (Lucas Gwadana) Sometimes the ERROR handling is not explicit enough because when a user makes an... Map Navigator (Marcus) For print pages etc static maps are still relevant. Accordion (dellmre) Ajax accordion samples with source code Autocomplete (Zorg) I believe the name of this pattern to be misleading. Slideshow (Joshua) Slideshows on Homepages can be very beneficial.

A Crash Course on A-B Split Testing The most basic technique available for testing and validating landing pages is called A-B split testing. The name comes from the fact that two versions of your landing page (“A” and “B”) are being tested. Split testing refers to the random assignment of new visitors to either version A or version B. In other words, the traffic is split (unbeknownst to each individual user) and the different versions are shown in parallel throughout the data collection period (usually in equal proportions). Parallel timing and random visitor assignment are important requirements in A-B split testing. In contrast to sequential tests, in which one variation is run for a period of time and then replaced with the second variation, testing your landing page variations in parallel allows you to control for as many outside factors as possible. Split Testing FundamentalsIn split testing terminology, version A is usually defined as your original control page, or baseline (commonly called the champion version).

Designing “Coming Soon” Pages - Smashing Magazine Advertisement Deciding what to do once you’ve purchased a domain but haven’t yet launched the website is always a bit of a conundrum. Leaving up your domain registrar or Web host’s generic page seems unprofessional, especially if you’re trying to drum up advance press for your new project. The best thing to do is create a simple “Coming soon” page to notify visitors of what will eventually be there. 1. Here are some best practices and tips to keep in mind when designing your own “Coming soon” pages, as well as examples. Tell Us What to Expect When someone lands on your “Coming soon” page, they should get an idea of what your website will be about and why it might be useful to them. Give us at least some indication of the website’s purpose. KISSmetricsKISSmetrics provides a ton of information on its “Coming soon” page, including a form to sign up for updates and a blog to keep abreast of new developments. Should You Provide Updates? Brand Your “Coming Soon” Page Create Some Intrigue 2. 3.

13 astuces avec Google Analytics Google Analytics est une des sources les plus importantes d’informations sur vos clients et prospects. Pourtant, tout comme Word et Excel, nous n’utilisons pas plus de 30% des possibilités offertes par Google Analytics… En effet en plus des informations basiques fournies par défaut (sources des visiteurs, taux de rebond, temps passé, nombre de pages vues…), Google Analytics offre des possibilités énormes pour mieux connaitre les visiteurs de son site Web via quelques paramétrages basiques. C’est pourquoi nous avons rassemblé dans cet article 15 trucs et astuces vraiment simples mais qui vous permettront d’optimiser votre stratégie sur Internet. Astuce 1 – Comment voir quels sont les principaux liens sortants de votre site ? Vous voulez voir quels sur quels liens cliquent vos lecteurs quand ils lisent vos articles ? Il suffit d’aller dans Comportement > Détails par URL > Outgoing : Voici une vidéo qui vous explique comment faire : "21 jours pour bloguer comme un Pro​" Astuce 7 – 5 (100%) 2 votes

Beautiful Sites 404 Error Pages, One More Time - Smashing Magazine Advertisement The design of 404 error pages is often overlooked and underestimated. However, designed carefully, these pages can make a random visitor stay on your website, take a look around and eventually find the information he or she was looking for in the first place. We’ve already covered the design of 404 error pages in previous1 posts2. Also note that some examples used in this post were suggested by our Twitter followers: please follow us on Twitter3 to vote on which article gets published next, discuss new ideas, get fresh updates and suggest great ideas for our next posts. Beautiful 404 Error Pages Cut & Taste4 Cut & Taste claims that “Someone on the staff is to blame for this! Productplanner5 Productplanner perfectly integrates its 404 error page in the overall branding of the website. Mundofox.com6 A 404 error page with a not-so-eloquent Homer. Duoh.com7 Probably one of the most colorful and abstract 404 error pages out there. Brightkit13 “404 Fowl Not Found.” jhuskisson.com14

Related: