My freelance UX site design in real-time [PART 3]

Welcome to the last installment of my real-time experiment, where I kickoff my freelance UX business in real time with a business strategy (part 1), a UX strategy (part 2), and now my website design.

At the end of the day yesterday, I did this first draft sketch of my site, based on the needs of the users and the goals of my business:

First draft of my website

Pretty great right? Again, you don’t have to be a great drawer to call yourself a designer.

For some projects, I might continue on paper and sketch each page in slightly more fidelity at this stage. For this site however, I’m going to jump right into Sketch for the rest of my wireframes.

Copy writing

[6:19 pm] Actually, first I’m going to revisit that placeholder content I’ve put in there, and think about what I want my messaging to me.

One tactic I’ve used is something I picked up on Skillshare on a course for copywriting for landing pages.

The inverted triangle for getting to succinct landing page copy

This inverted triangle helps to start with the broad idea, edit it to a succinct summary, then edit it even more to a catchy tagline. Each content piece has its own purpose (the tagline isn’t the only goal).

About

Meet Auxo. I help grow your business with apps and websites that bring ideas to life. I do this by understanding your business and your vision, learning how your customers think and behave, then designing multiple experiences to see what works. It’s better than building based on your assumptions because you can save time, money, and brand equity by delivering the right product, the first time. I know you’ll enjoy it because it will give you clear direction for a launchable, loveable digital product.

[CTA] Meet with me

Short Summary

I bring ideas to life with launchable, loveable website and apps backed up by validated customer insights.

Tagline

Launchable, loveable website and apps

How It Works

For new apps:
1. Design thinking workshop to pull out ideas, assumptions, and questions from the whole team

2. Contextual inquiry research to understand needs and behaviours of customers and potential customers

3. Design and prototype multiple ideas, for validation with users

To improve existing apps:
1. Usability and analytics review, usability research to gain insights into how to improve
2. Design and prototype multiple ideas
3. Usability testing for validation with users

Outcome: launchable, loveable product!

[CTA] Schedule a meeting to get started

[6:53 pm] A bit of a slog for the first draft, but at least it’s a starting point! In my wireframe, I had three “how it works” sections. But in trying to write this, I think that small businesses and startup are very similar in their goals, if they are trying to launch a new product. So I’ll change the heading a bit to let users self-select their need. This could also help me ask the right questions in the contact form.

Design

[8:45 pm] I’m back, after a few interruptions and some productive design time, with a draft landing page. This is probably more than I would normally do for a first draft. I spend some time on colours and copy, which I don’t recommend doing if you are showing to a client to get feedback on functionality. (They will only talk about colours and copy.)

Draft wireframe with some design applied

And that’s it! It’s enough for me to get started on building my landing page. I will still need the learn more pages and a contact page, but I will hopefully utilised a good WordPress template and just fill in my content.

This post originally appeared on UX Planet