Portfolio
:format(webp)/99designs-contests-attachments/150/150451/attachment_150451195 "I followed the original color branding and added additional complementing colors for some of the components such as cards and buttons.
Since the primary objective of the new website is lead generation I added a form input at the main banner to get emails for users. I also included the flags of most users that you're catering. I added multiple data to show legitimacy and success of your clinic for user awareness.")
:format(webp)/99designs-contests-attachments/150/150360/attachment_150360290 "The client wanted to have a similar website UI with Space X.
I selected free images from pexels.com that I think will capture client's vision and mission.
I used blinker font as secondary and Kusanagi font as primary to give a more futuristic vibe on the website.
Aside from the color palette that's already included on the logo I added an additional color to use as a gradient background on some of the banners on the site.
I also created a mobile app splash screen to create a mobile app view that will show audience a future development that will be offered by Bot.auto
All assets including the images and primary font are free, the mobile view screens are created by me.")
:format(webp)/99designs-contests-attachments/150/150399/attachment_150399962 "Since the client wanted to feature the \"Loco Moco\" menu and highlight their best sellers, I reorganized the menu and centered the featured menu section. I added a palm tree icon and changed the font color as well as the font weight for each of the best-selling dishes. Aside from that, I also added images of each dish around the menu to help the audience visualize the various dishes offered by Pau Hana.
For the branding, I patterned the color palette and font header with the restaurant's Hawaiian theme. The fonts I used for this design are all free as well as the leaf illustrations I included.")
:format(webp)/99designs-contests-attachments/150/150372/attachment_150372897 "The client wanted to have single page scrolling website with a floating header, they also wanted to change their secondary colors to a more professional look.
Users can navigate throughout the website using the main navigation that floats at top, it will scroll to the specific section users want to see. I added the contents of services, contact and quotation page on the landing page.
For the branding I added a two new colors on the website color palette that shows professionalism. I used Karla and Montserrat font combination.
I also created two versions of the website with Spanish and French language for all the contents.")
:format(webp)/99designs-contests-attachments/150/150337/attachment_150337333 "I created an additional mobile view for the landing page I created. I decided to use the orange as the primary color to show energy, happiness and enthusiasm since most of the activities that uses binoculars are outside. The secondary color is sandy brown to show earthiness and dependability.
I also introduced a new set of icons to show sleek and modern design.
I added the floating binoculars on each side as part of the section background, to keep showing the users the products as they scroll through the website.")
:format(webp)/99designs-contests-attachments/150/150306/attachment_150306534 "Wildjar's website design revamp. I included 5 pages on this project deck.
- Home
- Customers
- Our Journey
- Solutions - Automotive
- Contact us
I created custom illustrations and mix them with images to create a new informative asset.
I also created multiple components that shows my creativity. Carousels are also designed creatively but still doable on the development part.
Before showing the final web design layout, I presented the custom components I created such as cards, carousels and website footer.
All images are free from pexels.com, and fonts are from google fonts")
:format(webp)/99designs-work-samples/work-sample-designs/7704991/8c2df037-f77c-4468-aad8-84fe66d9b7f6 "This a monochrome website theme I designed and develop for my client, an IT consulting firm based in the United States. The client requested a black theme to match their company name \"Stealth\".
The whole website is a one pager that scrolls between sections when clicking the top navigation.
The website will be built in custom HTML, CSS and JavaScript that's why I designed the components between the containers in a unorthodox way.
This project is designed using Figma and developed using React.js and Next.js")
:format(webp)/99designs-work-samples/work-sample-designs/7704991/ee0060ab-c47d-4181-b9fa-b185e18e1b8e "I designed multiple variants and versions of the hype and landing page using Figma. I also provided a mobile view for the selected versions.
Hype page is used before launching the NFT and it will be updated to the landing page once the NFT is launched.")
:format(webp)/99designs-work-samples/work-sample-designs/7704991/e28be6da-9094-4c96-8afd-e46f07fa482e "This a landing page design concept I created using Figma.")
About
I'm Rafael a UI/UX Designer crafting cutting edge web and mobile application designs turning my client's idea into working prototypes and helping them present their work with branding guidelines and modern product presentation.
I can also develop websites using React.js, Next.js, Vue.js and WordPress.
Member since:
April 03, 2024