Clarisse Joyce

17/09/2023

Just keeping the creative ball rolling here.

Sample prototype for Musikape. I have implemented one of my favourite layouts, newspaper style. Huge headlines for section titles, uniform texts for contents, breathing space for the header and outlined sections.

This layout draws the attention of visitors to the important parts of each section which will make it easier for them to navigate through.

It also incorporates an old school marquee for the "get tickets now" CTA that are spread out across the whole page.

**This is not a paid promotion (I wish) or marketing for Musikape. This is strictly a personal study.

13/09/2023

Got bored and had too much time on my hands.

Sample website prototype for HYDRO Manila Music Festival. It incorporates their logo colours and minimalistic layout to create an informational and in-depth website for the attendees to visit and know more about the festival.

It highlights important information such as the ticket pricing, and artist lineup. An FAQ section is also available for customers who are unsure about certain aspects of the festival.

Incorporating subtle water elements and a section for merchandise are optional on this case since the goal is to create an informational website.

**This is not a paid promotion (I wish) or marketing for HYDRO Manila. This is strictly a personal study.

14/04/2021

Planning to travel outside Philippines but don't know where to go? Here's a comprehensive and updated list from World Nomads.

Get the latest on COVID-19 travel restrictions and border closures.

13/04/2021

Undone is an accidental discovery of mine a few months ago after having to subscribe for 1 month of Amazon Prime. This show is nothing like I've seen before and I don't want to ruin it for anyone.

Check out this article from Vox that explains well why Undone is worthy of that 7-day Prime trial.

This visually stunning show is a trippy sci-fi drama and a lovely story about a woman dealing with trauma, all in one.

12/04/2021

Keep on truckin' 🌈

10/04/2021

I mean, who doesn't want to travel and work at the same time while holding your own time? This article from The Lifestyle Hunter gives great insight on what visas you can obtain and how you can get them to do freelance jobs in Europe!

English | Español | Deutsch Many freelancers and entrepreneurs around the world have taken the Digital Nomad lifestyle and travel the world while working. And…

06/05/2020

Why attitude is everything? 💁🏻‍♀️⁣
-----⁣
Most people are aware of what they currently feel both physically and mentally but not a lot have a good grip on their attitude.⁣
⁣
Attitude is important because this determines how you perceive the world and how the world will perceive you. If you start building a negative attitude towards something, it will start reacting negatively to you as well.⁣
⁣
Some of the great ways to improve your attitude:⁣
⁣
❣ Don't let other people influence your attitude - try to agree less to their negativity and you'll notice their mood change too 👯🏻‍♀️⁣
⁣
❣ Don't compare yourself to others - doing so too often will just result to you dragging yourself down. Focus on your own life and your attitude towards it and you'll be much happier in the process ✨⁣
⁣
All these are applicable to learning a new skill; if you have a negative attitude towards what you're trying to learn, you will have a hard time learning and digesting new information. So try these two ways to improve your attitude and watch yourself enjoy the process 👩🏻‍🏫🥰⁣

04/05/2020

This is a practice design I made for a pretend furniture design company. I chose to go for simple yet still modern design to highlight the images and descriptions 🤓⁣
-----⁣
Images are an essential part of designing a website, like the old saying "a picture speaks a thousand words". That's why it is important that you have your own source of images that are royalty free 👍🏼🥳⁣
⁣
You can use some of these website that are completely free to use and has wide range of photos for most of your needs:⁣
⁣
🌟 unsplash.com⁣
🌟 pexel.com⁣
🌟 pixabay.com⁣
🌟 istockphoto.com⁣
⁣
I mostly use Unsplash and Pexel. Where do you get your photos for your prototypes? 🤔⁣

02/05/2020

Why is programming an important skill to learn? 🤔⁣
-----⁣
Programming is not only about coding and creating something (although these are some of the methods how you can enhance your skill). Some benefits of this skill are:⁣
⁣
👉🏼 It helps you solve problems in a structured and logical way. You learn that every problem has a solution and that the best way to solve it is to have a step-by-step action 👩🏻‍🏫⁣
⁣
👉🏼 It helps you be creative in solving problems. You can approach your problems in a way that most interests you; If you are into web development, you can create a solution through a web application 👩🏻‍💻⁣
⁣
These are just two of many benefits you can get from programming that will be useful for your everyday lives. Not to mention the career opportunities 💸⁣
⁣
What were your biggest outtakes from learning programming? 🤓⁣

30/04/2020

My previous live session was stopped by Facebook because I had a background music which was after the whole The Dark Side of the Moon album so that's great 😋🥳

I'm going to start posting time-lapse videos of my live sessions then post them here and on YouTube. I will start posting short informative videos as well regarding programming, web development, and Laravel very soon 🤓

Let me know if you have any suggestions or if there's anything you wanna learn about, I'd be more than happy to help 👩🏻‍💻💖

30/04/2020

As a practice, I designed this page for a socks brand. I decided to go with a colorful and overlapping design to make it look quirky and fun. These boxes and squares also help highlight the important elements that needs to be noticed by the users.

Designing is an important stage before you start coding. This way, you already know your layout and arrangements 💻

You can use some of these famous FREE (with restrictions, obv) UI/UX design software to start with:

🌟 InVision Studio
https://www.invisionapp.com/studio
🌟 Figma
https://www.figma.com/downloads/
🌟 Adobe XD
https://www.adobe.com/sea/products/xd.html

These are just the same as their paid versions, the only difference is you won't be able to share your prototype to your teams (if you have any), but if you are working solo then these are definitely perfect for you 👩🏻‍💻👍🏼

I am currently using Adobe XD since I feel like the functions offered are enough for my needs. What other software would you recommend? 💖

30/04/2020

The 15 coding languages with the highest salaries, and how to learn them online at no cost

If you're in it for the money, you should definitely check this out. Maybe some of your skills are on this list 🤓

Coding is 2020's most in-demand skill. Here's how to learn top-earning languages like C++ and Python from the comfort of your couch.

30/04/2020

Here Are 10 Projects You Can Do To Build Your JavaScript Skills - Skillcrush

If you want to learn JavaScript or got out of touch with it, you can start with these easy projects to start building up your skills.

Having a hard time visualizing exactly where JavaScript fits in the web development scheme? Try getting hands-on with these 10 JavaScript project ideas in order to learn exactly what JavaScript brings to the table and how to make it work for you.

30/04/2020

25 Useless Code Comments People Actually Wrote In Their Code.

These are too funny! I'm actually guilty for doing it sometimes 😬

We are all stuck inside, so you might as well read this! :)

29/04/2020

I didn't know my mic was pretty bad. Lol. I'm just gonna try to make a timelapse video of my live earlier since there wasn't important details in it 😂

I'll try to make proper tutorial videos on how to start on your web development journey, or if you already have some idea then they'll just be recaps and tips 🤓💻

Tag your female programmer friends, I want to know more filipina programmers or soon to be one who are interested in creating a network with fellow women in the same field 💖🤗

29/04/2020

Developing a prototype I made on Adobe XD using Laravel Framework

28/04/2020

This is a grocery shopping list web page I made for my family since Puregold's app is almost useless.

Question: why not just use a ready made app or do it the old fashion way, writing it down on a paper?

Answer: We can all view the list, and add items into it at the same time on our own phones. We can also delete an item if it's been duplicated or deemed unnecessary (lol) (less mess on the paper and we're actually saving on paper, yay).

It's for personal use at the moment but I am planning to make it available to other people who might be interested in using it. I'm still thinking about a proper login system where I won't need to ask for too much private information and password.

I will definitely post an update once it's available. Let me know if you have any suggestions! :D

Ps. This was made overnight so please go easy on the design. Lol

28/04/2020

No one is going to value you more than yourself.
-----
Same goes with your personal goals and achievements. You don't need other people's validation whether what you've achieved is valuable or not, it's what you feel about it that matters.

28/04/2020

Being in a good environment is not only good for your health; It also helps your productivity, and your overall mood.
-----
When it comes to programming, the editor/IDE you use matters since this will determine your productivity and effectiveness while you're coding.

If you're not sure which software to use for web development, choose the one that has at least:
🌟 Intellisense - code completion functionality
🌟 Error checking
🌟 No set-up hassle
🌟 Refactoring Features

At the moment, I'm using Visual Studio Code as my editor for both front and backend development. What editor/IDE would you recommend?

21/04/2020

Modified the colors a little bit to highlight what's important. I designed a mobile site for it too on Adobe Xd for optimization.

Designing your website with unclear vision will not only waste your ENERGY but especially your TIME. The development process will be so much easier when you have the decision making out of the way and all you have to worry about is putting together your designed pages.

So start your web design journey using Adobe Xd, Figma, and Sketch. It will help you clear up your design vision, learn more about UI and UX first-hand, and design more creative web pages that is outside the bootstrap layout!

17/04/2020

First attempt to Web Design 3.0. Not really sure how to develop it yet, lol.

15/04/2020

Demo on how to make your Adobe Xd web design to a live website. I will be using laravel framework to create the page since this will only be an addition to my portfolio website.

Just comment if you have any questions :D

15/04/2020

Collection of color schemes I used for my website designs.

15/04/2020

Website design sample for a photographer & nail technician who offers to pamper your nails and photograph them at the comfort of your own home.

Her website can also be used as a portfolio.

15/04/2020

Design sample for a singer who had just released an album. The whole concept of the page is based on her album cover. It can also be used to sell merch and promote shows.

The whole album concept is already dark and neon pink so I decided to make the website content something in contrast while still keeping the elements from the album.

15/04/2020

Sample website design for a male local traveler who uses his website to make his travel diary and photos accessible to many. It can also be considered as a portfolio.

15/04/2020

Website sample for an online clothing store that sells seasonal collections for women.

13/04/2020

Clarisse Joyce