Daily UI #004 – Calculator

Calculator

Here’s friday’s design challenge: a calculator.

DailyUI#4

I definitely wanted to polish this a bit further, but I think at this stage I’ve learned quite a bit in the process.

I designed it in Sketch so I gained a bit of knowledge of the tool, also used some mockups for OS X components.

I wish I had found a better font. Roboto looks very clear on the display but a bit too thick for the buttons.

Daily UI #003 – Landing Page

Landing Page (above the fold)

That was today’s hint. It proved to be more challenging than previous ones. One of the reasons is because you need to think of a whole concept in which to base your design.

A landing page is something that can take hours or days to do right, and I did this in less than two hours.

I started up designing a landing page for a fake music app, but I realized I lacked that concept in which to base ideas.

So, I took a shortcut and redesigned the home screen from Clementine Player. Which let’s just say it needs a bit more love.

Here’s the result:

DailyUI#3v2

Font used: Dosis.

Appendix

This was my first iteration. Which doesn’t make me exceptionally proud:

DailyUI#3

At least I think there’s still noticeable evolution.

Feedback is welcome.

Sync local and remote WordPress database

This is just a big heads-up to every WordPress developer out there, just to let them know that syncing a development/staging database doesn’t have to be a nightmare.

There’s this plugin called WP Sync DB which works like magic.

As a reader also suggests, WP Sync DB also has plugins that build upon the main funcionality. For example, wp-sync-media-files, to sync also, well, media files. But there are more.

  • GitHub Repo: https://github.com/wp-sync-db/wp-sync-db
  • Website: http://wp-sync-db.github.io/
  • WP Sync DB GH Page (repo and more plugins): https://github.com/wp-sync-db

Daily UI #001 – Login screen

Daily UI launched with the purpose to help you “Become a better designer in 100 days.”

Each day, you receive a small brief to design something. You do it. You publish it on Dribbble/Twitter using the #dailyUI hash. You get some feedback. You (hopefully) improve your skills. Easy, right?

Lately I’ve been trying to improve my design skills, so this sounded something worth trying out.

Here’s Day #001’s brief:

Hint: Design a sign up page, modal, form, app screen, etc. (It’s up to you!)

And this is the result:

It took me around 45’~1h to iterate through these mockups. I probably would have been able to improve on these if I kept working on them. In fact, I think there’s some evolution from v1 to v3.

However, I think it’s much more valuable to get feedback earlier. If you have some, please leave a comment. Thanks!